allura-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From brond...@apache.org
Subject [7/7] allura git commit: [#7885] Added support for the jquery tooltip plugin "Tooltipster"
Date Mon, 29 Jun 2015 18:26:53 GMT
[#7885] Added support for the jquery tooltip plugin "Tooltipster"


Project: http://git-wip-us.apache.org/repos/asf/allura/repo
Commit: http://git-wip-us.apache.org/repos/asf/allura/commit/1fed9742
Tree: http://git-wip-us.apache.org/repos/asf/allura/tree/1fed9742
Diff: http://git-wip-us.apache.org/repos/asf/allura/diff/1fed9742

Branch: refs/heads/master
Commit: 1fed97427ecd480d1914287b00a53b372c093297
Parents: 0edad6e
Author: Heith Seewald <hseewald@slashdotmedia.com>
Authored: Tue Jun 9 16:26:12 2015 -0400
Committer: Dave Brondsema <dbrondsema@slashdotmedia.com>
Committed: Mon Jun 29 18:25:54 2015 +0000

----------------------------------------------------------------------
 .../allura/public/nf/css/forge/tooltipster.css  | 41 ++++++++++++++------
 .../allura/templates/jinja_master/master.html   | 29 +++++++++++---
 2 files changed, 53 insertions(+), 17 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/allura/blob/1fed9742/Allura/allura/public/nf/css/forge/tooltipster.css
----------------------------------------------------------------------
diff --git a/Allura/allura/public/nf/css/forge/tooltipster.css b/Allura/allura/public/nf/css/forge/tooltipster.css
index db56bc3..a276c96 100755
--- a/Allura/allura/public/nf/css/forge/tooltipster.css
+++ b/Allura/allura/public/nf/css/forge/tooltipster.css
@@ -21,25 +21,32 @@
 }
 
 /* If you're using the icon option, use this next selector to style them */
+
+.tooltipster-div {
+    position: relative;
+    height: 100%;
+}
+
 .tooltipster-icon {
     cursor: help;
     background: #00AFFE;
-    font-size: medium;
-    font-weight: 600;
+    font-size: small;
+    font-weight: bold;
+    height: 1.3em;
     color: white;
-    border: 1px solid #067DB8;
-    border-radius: 15%;
+    border: 0.1em solid #067DB8;
+    border-radius: 18.5%;
     position: absolute;
-    padding: 0 4px;
-    left: 41.3%;
-    margin-top: -27.5px;
-    margin-bottom: 141px;
+    display: inline-block;
+    margin-top: 0.3em;
+    top: 2.7%;
+    right: 2%;
+    z-index: 9999999;
+    padding: 0 0.3em;
 }
 
-/* If you're using the icon option, use this next selector to style them */
 .tooltipster-icon:hover {
     background: #067DB8;
-    border: 1px solid #00AFFE;
 }
 
 /* This is the base styling required to make all Tooltipsters work */
@@ -313,4 +320,16 @@
     font-style: italic;
     line-height: 16px;
     padding: 8px 10px;
-}
\ No newline at end of file
+}
+
+textarea.tooltip {
+    position: relative;
+    display: block;
+    margin: 0px auto;
+}
+
+/*input.tooltip {*/
+    /*position: relative;*/
+    /*display: inline-block;*/
+    /*/!*margin: auto;*!/*/
+/*}*/
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/allura/blob/1fed9742/Allura/allura/templates/jinja_master/master.html
----------------------------------------------------------------------
diff --git a/Allura/allura/templates/jinja_master/master.html b/Allura/allura/templates/jinja_master/master.html
index 062d7de..087bb36 100644
--- a/Allura/allura/templates/jinja_master/master.html
+++ b/Allura/allura/templates/jinja_master/master.html
@@ -170,17 +170,34 @@
 {% endif %}
 <script>
     $(document).ready(function () {
-        $('.tooltip').tooltipster({
+        var toolTip = $(".tooltip");
+
+        var tooltipDiv = toolTip.wrap( "<div class='tooltipster-div'></div>"
);
+        console.log('tooltipDiv', tooltipDiv);
+        var input_field = $('.tooltipster-div').find('input');
+
+
+
+        var input_width = input_field.outerWidth();
+        var _innerWidth = input_width + (input_width * 0.05);
+
+        if (_innerWidth < input_width){
+                     $('.tooltipster-div').width(_innerWidth);
+
+        }
+
+
+        toolTip.tooltipster({
             animation: 'fade',
             delay: 200,
             theme: 'tooltipster-light',
             trigger: 'hover',
-            onlyOne : false,
-            icon: '?',
-            iconTheme: 'tooltipster-icon',
-            iconDesktop: true,
+{#            icon: '?',#}
+{#            touchDevices: true,#}
+{#            iconDesktop: true,#}
             position: 'right',
-            maxWidth: 350
+            iconCloning: false,
+            maxWidth: 300
     });
     })
 


Mime
View raw message