[geeklog-hg] geeklog: Denim: improved the display of the tooltips in the RTL ...

[geeklog-cvs at lists.geeklog.net]

changeset 9058:00485dfda429
url:  http://project.geeklog.net/cgi-bin/hgwebdir.cgi/geeklog/rev/00485dfda429
user: dengen
date: Wed May 01 22:44:03 2013 +0900
description:
Denim: improved the display of the tooltips in the RTL mode

diffstat:

 public_html/layout/denim/css_ltr/style.css |  27 +++++++++++++++++++--------
 public_html/layout/denim/css_rtl/style.css |  27 +++++++++++++++++++--------
 2 files changed, 38 insertions(+), 16 deletions(-)

diffs (102 lines):

diff -r e83909a82d78 -r 00485dfda429 public_html/layout/denim/css_ltr/style.css
--- a/public_html/layout/denim/css_ltr/style.css	Sun Apr 28 20:14:31 2013 +0900
+++ b/public_html/layout/denim/css_ltr/style.css	Wed May 01 22:44:03 2013 +0900
@@ -1769,20 +1769,31 @@
 .gl-tooltip span {
   margin-left: -999em;
   position: absolute;
-  text-align: left;
+  text-align: left; /* rtl */
   width: 250px;
 }
 .gl-tooltip:hover span {
-  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
-  box-shadow: 2px 2px 8px #666; -webkit-box-shadow: 2px 2px 8px #666; -moz-box-shadow: 2px 2px 8px #666;
-  font-size: 1em; text-align: left; white-space:normal;
+  border-radius: 8px;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  box-shadow: 2px 2px 8px #666;
+  -webkit-box-shadow: 2px 2px 8px #666;
+  -moz-box-shadow: 2px 2px 8px #666;
+  font-size: 1em;
+  text-align: left; /* rtl */
+  white-space:normal;
   font-family: Calibri, Tahoma, Geneva, sans, sans-serif;
-  position: absolute; left: 2.2em; top: 2.2em; z-index: 99;
+  position: absolute;
+  left: 2.2em; /* rtl */
+  top: 2.2em;
+  z-index: 99;
   margin-left: 0; width: 250px;
 }
 .gl-tooltip:hover img.icon {
-  border: 0; margin: -15px 0 0 -51px;
-  float: left; position: absolute;
+  border: 0;
+  margin: -15px 0 0 -51px; /* rtl */
+  float: left;
+  position: absolute;
 }
 #gl-tooltip-icon {
   border: 0;
@@ -1792,7 +1803,7 @@
   display: block; padding: 0.2em 0 0.6em 0.4em;
 }
 span.classic     { padding: 0.8em 1em; }
-span.custom      { padding: 0.5em 0.8em 0.8em 2em; }
+span.custom      { padding: 0.5em 0.8em 0.8em 2em; } /* rtl */
 span.classic     { background: #EEEEEC; border: 2px solid #555753; }
 span.critical    { background: #F5F0F0; border: 2px solid #A40000; }
 span.help        { background: #EDF0F2; border: 2px solid #204A87; }
diff -r e83909a82d78 -r 00485dfda429 public_html/layout/denim/css_rtl/style.css
--- a/public_html/layout/denim/css_rtl/style.css	Sun Apr 28 20:14:31 2013 +0900
+++ b/public_html/layout/denim/css_rtl/style.css	Wed May 01 22:44:03 2013 +0900
@@ -1769,20 +1769,31 @@
 .gl-tooltip span {
   margin-left: -999em;
   position: absolute;
-  text-align: left;
+  text-align: right; /* rtl */
   width: 250px;
 }
 .gl-tooltip:hover span {
-  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
-  box-shadow: 2px 2px 8px #666; -webkit-box-shadow: 2px 2px 8px #666; -moz-box-shadow: 2px 2px 8px #666;
-  font-size: 1em; text-align: left; white-space:normal;
+  border-radius: 8px;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  box-shadow: 2px 2px 8px #666;
+  -webkit-box-shadow: 2px 2px 8px #666;
+  -moz-box-shadow: 2px 2px 8px #666;
+  font-size: 1em;
+  text-align: right; /* rtl */
+  white-space:normal;
   font-family: Calibri, Tahoma, Geneva, sans, sans-serif;
-  position: absolute; left: 2.2em; top: 2.2em; z-index: 99;
+  position: absolute;
+  left: -22.2em; /* rtl */
+  top: 2.2em;
+  z-index: 99;
   margin-left: 0; width: 250px;
 }
 .gl-tooltip:hover img.icon {
-  border: 0; margin: -15px 0 0 -51px;
-  float: left; position: absolute;
+  border: 0;
+  margin: -15px 0 0 3px; /* rtl */
+  float: left;
+  position: absolute;
 }
 #gl-tooltip-icon {
   border: 0;
@@ -1792,7 +1803,7 @@
   display: block; padding: 0.2em 0 0.6em 0.4em;
 }
 span.classic     { padding: 0.8em 1em; }
-span.custom      { padding: 0.5em 0.8em 0.8em 2em; }
+span.custom      { padding: 0.5em 2em 0.8em 0.8em; } /* rtl */
 span.classic     { background: #EEEEEC; border: 2px solid #555753; }
 span.critical    { background: #F5F0F0; border: 2px solid #A40000; }
 span.help        { background: #EDF0F2; border: 2px solid #204A87; }