[Rt-commit] r3417 - in rt/branches/3.5-TESTING: . html/NoAuth/css html/Widgets

[trs at bestpractical.com]

Author: trs
Date: Thu Jul  7 18:37:20 2005
New Revision: 3417

Modified:
   rt/branches/3.5-TESTING/   (props changed)
   rt/branches/3.5-TESTING/html/NoAuth/css/body.css
   rt/branches/3.5-TESTING/html/NoAuth/css/forms.css
   rt/branches/3.5-TESTING/html/NoAuth/css/header.css
   rt/branches/3.5-TESTING/html/Widgets/TitleBoxStart
Log:
 r4854 at wintermute:  tom | 2005-07-07 18:35:26 -0400
 Ironed out a bunch of cosmetic IE bugs...
 
     * Width of #page-menu
     * Rounded ends of #page-menu
     * .button size (padding issue)
     * Hide/show arrows on titleboxes
     


Modified: rt/branches/3.5-TESTING/html/NoAuth/css/body.css
==============================================================================
--- rt/branches/3.5-TESTING/html/NoAuth/css/body.css	(original)
+++ rt/branches/3.5-TESTING/html/NoAuth/css/body.css	Thu Jul  7 18:37:20 2005
@@ -63,14 +63,35 @@
 }
 
 .titlebox .title span a {
-    display: block;
-    letter-spacing: -9999em;
-    height: 1em;
-    width: 20px;
-    background: url(<%$RT::WebImagesURL%>/css/rollup-arrow.gif) no-repeat bottom center;
-    position: relative;
-    left: -2em;
-    float: left;
+  display: block;
+  padding-top: 1em;
+  width: 20px;
+
+  background: url(<%$RT::WebImagesURL%>/css/rollup-arrow.gif) no-repeat center center;
+  
+  margin: 0;
+  text-indent: -9999px;
+
+  position: relative;
+  left: -5em;
+  float: left;
+
+  /* WIN IE5 hack */
+  height: 7px;
+  voice-family: "\"}\"";
+  voice-family: inherit;
+  height: 0;
+  overflow: hidden;
+}
+
+html>body .titlebox .title span a {
+    height: 0;
+    overflow: hidden;
+}
+
+* html .titlebox .title span a {
+    background-position: center 0.4em;
+    left: -1.5em;
 }
 
 .titlebox .title span a.rolled-up {

Modified: rt/branches/3.5-TESTING/html/NoAuth/css/forms.css
==============================================================================
--- rt/branches/3.5-TESTING/html/NoAuth/css/forms.css	(original)
+++ rt/branches/3.5-TESTING/html/NoAuth/css/forms.css	Thu Jul  7 18:37:20 2005
@@ -51,6 +51,8 @@
     padding: 0.25em;
     background: white;
     font-weight: bold;
+    font-size: 0.8em;
+    margin: 0.5em;
 }
 
 form input.button:active {

Modified: rt/branches/3.5-TESTING/html/NoAuth/css/header.css
==============================================================================
--- rt/branches/3.5-TESTING/html/NoAuth/css/header.css	(original)
+++ rt/branches/3.5-TESTING/html/NoAuth/css/header.css	Thu Jul  7 18:37:20 2005
@@ -81,13 +81,26 @@
     min-width: 65%;
 }
 
+%# This is an interesting bit of CSS.  expression() is an IE-only extension to
+%# it's CSS implementation.  Just in case other browsers might choke on it,
+%# the rule is enclosed in a selector only IE will (wrongly) match to an element.
+%# 
+%# The expression() function takes Javascript, and basically what it's doing here
+%# is checking to see if the width of the menu would be greater than 65% of the body
+%# width.  If it is, great, leave it alone to automatically resize.  If it's not, set
+%# it to 65% of the body width.  This amounts to emulating the min-width rule that
+%# compliant browsers understand above.
 * html #header ul#page-menu {
-    width: 65%;
+    width: expression(document.body.clientWidth*0.65 < document.getElementById('page-menu').clientWidth ? "auto" : "65%");
     overflow: visible;
 }
 
-#page-menu div { background: url(<%$RT::WebImagesURL%>/css/cb.gif) no-repeat bottom left; }
+#page-menu div {
+    position: relative;
+    z-index: 3;
+}
 
+#page-menu div { background: url(<%$RT::WebImagesURL%>/css/cb.gif) no-repeat bottom left; }
 #page-menu div div { background: url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 #page-menu div div div {
     background: url(<%$RT::WebImagesURL%>/css/ctr.gif) no-repeat top right;
@@ -106,6 +119,11 @@
     background: #08c;
 }
 
+#actions-menu div {
+    position: relative;
+    z-index: 2;
+}
+
 /*#actions-menu div { background: url(<%$RT::WebImagesURL%>/css/cb.gif) no-repeat bottom left; }*/
 #actions-menu div div { background: url(<%$RT::WebImagesURL%>/css/cbr.gif) no-repeat bottom right; }
 #actions-menu div div div {

Modified: rt/branches/3.5-TESTING/html/Widgets/TitleBoxStart
==============================================================================
--- rt/branches/3.5-TESTING/html/Widgets/TitleBoxStart	(original)
+++ rt/branches/3.5-TESTING/html/Widgets/TitleBoxStart	Thu Jul  7 18:37:20 2005
@@ -45,7 +45,7 @@
 %# END BPS TAGGED BLOCK }}}
 <div class="titlebox<% $class && " $class" %>"<% $id && qq[ id="$id"] |n %>>
   <div class="title<% $title_class && " $title_class" %>">
-    <span><a href="#" onclick="return rollup(this, 'element-<%$rid%>');">^</a></span>
+    <span><a href="#" onclick="return rollup(this, 'element-<%$rid%>');" onfocus="this.blur(); return false;">^</a></span>
     <% $title_href && qq[<a href="$title_href">] | n %><% $title |n %><% $title_href && "</a>" |n%>
   </div>
   <div class="content<% $bodyclass && " $bodyclass" %>" id="element-<%$rid%>">