Author: sevein
Date: Mon Oct 3 16:30:01 2011
New Revision: 9906
Log:
Trillium, new approach for tooltips extending js code
Modified:
trunk/plugins/qtTrilliumPlugin/css/less/_misc.less
trunk/plugins/qtTrilliumPlugin/js/trillium.js
Modified: trunk/plugins/qtTrilliumPlugin/css/less/_misc.less
==============================================================================
--- trunk/plugins/qtTrilliumPlugin/css/less/_misc.less Mon Oct 3 16:29:11
2011 (r9905)
+++ trunk/plugins/qtTrilliumPlugin/css/less/_misc.less Mon Oct 3 16:30:01
2011 (r9906)
@@ -405,7 +405,6 @@
}
- &.form-item-date,
&.form-item-startDate,
&.form-item-endDate {
@@ -1144,59 +1143,52 @@
div.description {
- position: fixed;
- z-index: 1;
- margin-left: -493px;
- margin-right: 0;
- left: 50%;
- top: 103px;
- bottom: 0px;
+ position: absolute;
+ top: 18px;
+ left: -300px;
+ width: 260px;
+ #gradient > .horizontal(#def, #fff);
+ padding: 10px;
+ line-height: 1.3em;
- padding-top: 30px;
- width: 280px;
- .border-radius(0px);
- line-height: @baseline;
- #gradient > .vertical(#eee, #fff);
+ .border-radius(4px 0 0 4px);
+ border: 1px solid #d6d6d6;
+ border-right: 0;
- .element-invisible {
+ @shadow: -3px 3px 4px rgba(50, 50, 50, .1);
+ .box-shadow(@shadow);
- .element-visible();
- font-size: 18px;
- line-height: 24px;
- margin-bottom: 8px;
+}
- }
+div.description-dialog {
+
+ left: -250px;
+ width: 200px;
+ border-right-size: 1px;
+ .border-radius(4px);
+ background-image: none;
+ background-color: #def;
+ @shadow: -3px 3px 4px rgba(50, 50, 50, .4);
+ .box-shadow(@shadow);
}
-div.description-left,
-div.description-right {
+div.description-overlay {
- margin-left: -493px;
- margin-right: 0;
- left: 50%;
- right: auto;
+ position: absolute;
+ top: -10px;
+ left: 0px;
+ right: 0px;
bottom: 0px;
-}
+ background-color: #fff;
+ .opacity(90);
-div.description-dialog {
-
- /*
- position: absolute !important;
- top: 0 !important;
- right: 0 !important;
- bottom: auto !important;
- left: 0px !important;
- width: 240px !important;
- background-color: #ccc !important;
- .border-radius(4px);
- */
}
/*
- * Error404,
+ * Error404,
*/
body.error404,
Modified: trunk/plugins/qtTrilliumPlugin/js/trillium.js
==============================================================================
--- trunk/plugins/qtTrilliumPlugin/js/trillium.js Mon Oct 3 16:29:11
2011 (r9905)
+++ trunk/plugins/qtTrilliumPlugin/js/trillium.js Mon Oct 3 16:30:01
2011 (r9906)
@@ -1,5 +1,44 @@
(function ($)
{
+ window.description_focusin = function()
+ {
+ var $description = $('.description', this);
+ var $sidebar = $('#sidebar-first');
+
+ // Specific case for tooltips in YUI dialogs
+ var $dialog = $(this).closest('div.yui-panel');
+ if ($dialog.length)
+ {
+ var positionateDialog = function()
+ {
+ $description
+
+ // Remove position relative to align with respect to the dialog
+ .closest('.form-item').css('position', 'static').end()
+
+ // Show tooltip
+ .addClass('description-dialog').show();
+ };
+
+ positionateDialog();
+
+ return true;
+ }
+ else
+ {
+ $description.show();
+
+ $sidebar
+ .css('position', 'relative')
+ .prepend('<div class="description-overlay"> </div>');
+ }
+ };
+
+ window.description_focusout = function()
+ {
+ $('.description', this).hide();
+ $('#sidebar-first').find('.description-overlay').remove();
+ };
$(document).ready(function()
{
--
You received this message because you are subscribed to the Google Groups
"Qubit Toolkit Commits" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/qubit-commits?hl=en.
