You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@allura.apache.org by he...@apache.org on 2015/07/02 17:09:28 UTC
[13/23] allura git commit: [#7885] Added support for the jquery
tooltip plugin "Tooltipster"
[#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/hs/7894
Commit: 1fed97427ecd480d1914287b00a53b372c093297
Parents: 0edad6e
Author: Heith Seewald <hs...@slashdotmedia.com>
Authored: Tue Jun 9 16:26:12 2015 -0400
Committer: Dave Brondsema <db...@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
});
})