[Rt-commit] rt branch, titlebox-title-tweaks, created. rt-3.9.7-884-g4147adb

Thomas Sibley trs at bestpractical.com
Wed Dec 15 14:31:30 EST 2010


The branch, titlebox-title-tweaks has been created
        at  4147adb3435bfb3397a73c0875fb1d9b2277aed2 (commit)

- Log -----------------------------------------------------------------
commit 4147adb3435bfb3397a73c0875fb1d9b2277aed2
Author: Thomas Sibley <trs at bestpractical.com>
Date:   Wed Dec 15 14:28:17 2010 -0500

    Refresh the titlebox title tabs a little for aileron
    
    The rollup/down arrows are now sprites so we can use a different color
    in aileron but preserve the original color for older themes.
    
    The top padding on .titlebox-content is a little much when there isn't a
    right side links bar.  But without it most content runs into the link
    bar.
    
    Still needs testing in IE and undoubtedly fixes.

diff --git a/share/html/NoAuth/css/aileron/boxes.css b/share/html/NoAuth/css/aileron/boxes.css
index f906b27..aa15c43 100644
--- a/share/html/NoAuth/css/aileron/boxes.css
+++ b/share/html/NoAuth/css/aileron/boxes.css
@@ -46,22 +46,21 @@
 %#
 %# END BPS TAGGED BLOCK }}}
 .titlebox {
- border-left: 1px solid #ccc;
- border-top: 1px solid #ccc;
- background-color: #efefef;
- padding-top: 1em;
  margin-top: 1em;
  margin-left: 1em;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
- margin-bottom: 2em;
- border-bottom: 2px solid #aaa;
- border-right: 2px solid #aaa;
- padding-right: 1em;
-
-
-  border-radius: 0.5em;
+    margin-bottom: 2em;
+}
 
+.titlebox .titlebox-content {
+    border-left: 1px solid #ccc;
+    border-top: 1px solid #ccc;
+    background-color: #efefef;
+    -moz-border-radius: 0.5em;
+    -webkit-border-radius: 0.5em;
+    border-bottom: 2px solid #aaa;
+    border-right: 2px solid #aaa;
+    border-radius: 0.5em;
+    padding: 1.5em 1em 1em 1em;
 }
 
 * html .titlebox {
@@ -71,12 +70,15 @@
 
 .titlebox .titlebox {
 
- background-color: #ffffff;
  margin-top: 1em;
  margin-right: 0.25em;
 
 }
 
+.titlebox .titlebox .titlebox-content {
+    background-color: white;
+}
+
 
 .titlebox {
  margin-left: 0em;
@@ -89,11 +91,6 @@
 
 .titlebox .titlebox-title {
  position: relative;
- margin-top: -1.5em;
- padding-bottom: 0.25em;
- padding-left: 1em;
- margin-right: -1em;
-
 }
 
 .titlebox .titlebox-title a {
@@ -107,21 +104,24 @@
 
 }
 
+.titlebox.rolled-up .titlebox-title {
+    border-bottom: 1px solid #ccc;
+}
+
+.titlebox.rolled-up .titlebox-title .right {
+    display: none;
+}
+
 .titlebox .titlebox-title .left {
     font-weight: bold;
     background: #ccc;
-    margin-left: 0.75em;
-    padding:0.5em;
-    padding-left: 0.75em;
-    padding-right: 0.75em;
-    -moz-border-radius: 0.5em;
-    -webkit-border-radius: 0.5em;
-    border-bottom: 2px solid #aaa;
-    border-right: 2px solid #aaa;
-
-    border-radius: 0.5em;
-
-
+/*    position: absolute;
+    left: 0.75em;*/
+    margin-left: 1em;
+    padding: 0.25em 0.75em 0.25em 2em;
+    line-height: 1.5em;
+    -webkit-border-top-left-radius: 0.3em;
+    -webkit-border-top-right-radius: 0.3em;
 }
 
 .titlebox .titlebox-title .right-empty {
@@ -130,8 +130,8 @@
 
 .titlebox .titlebox-title .right {
   position: absolute;
-   right: 0;
-   top: 0.5em;
+   right: 2px;
+   top: 1.75em;
   font-size: 0.9em;
   background: #dedede;
   border-left: 1px solid #ccc;
@@ -157,36 +157,22 @@
  color: #000;
 }
 
-.titlebox .titlebox-content {
- padding-top: 0.5em;
- padding-left: 1em;
- padding-bottom: 1em;
-
-}
-
 .titlebox .titlebox-title .widget a {
   display: block;
   margin: 0;
-  margin-top: 0.5em;
   width: 20px;
 
-  background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center center;
-
+  background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat;
+  background-position: center 0;
+  
   position: absolute;
-  top: -1em;
-  left: 0.15em;
-  float: left;
-
-  padding: 11px 0 0 0;
+  top: 0.5em;
+  left: 1.2em;
+  
+  padding: 7px 0 0 0;
   overflow: hidden;
 }
 
-* html .titlebox .titlebox-title .widget a {
-    background-position: center 0.3em;
-    top: 0em;
-    left: -1.5em;
-}
-
 .titlebox.rolled-up .titlebox-title .widget a {
     background-image: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rolldown-arrow.gif);
 }
diff --git a/share/html/NoAuth/css/aileron/forms.css b/share/html/NoAuth/css/aileron/forms.css
new file mode 100644
index 0000000..fc3675c
--- /dev/null
+++ b/share/html/NoAuth/css/aileron/forms.css
@@ -0,0 +1,26 @@
+/* These override the base titlebox rules in base/forms.css. They try not to
+   duplicate properties. */
+
+div.error .titlebox-title span.left {
+    border: none;
+}
+
+div.results .titlebox {
+    border: none;
+    background: none;
+}
+
+div.results .titlebox-content {
+    border: 1px solid #aa9;
+    border-bottom: 2px solid #990;
+    border-right: 2px solid #990;
+}
+
+div.results .titlebox-title .left {
+    border: solid #aa9;
+    border-width: 1px 1px 0 1px;
+}
+
+div.results .titlebox-content {
+    background: #ffc;
+}
diff --git a/share/html/NoAuth/css/aileron/login.css b/share/html/NoAuth/css/aileron/login.css
new file mode 100644
index 0000000..f7de8f3
--- /dev/null
+++ b/share/html/NoAuth/css/aileron/login.css
@@ -0,0 +1,3 @@
+#login-box .titlebox-title .left {
+    padding-left: 0.75em;
+}
diff --git a/share/html/NoAuth/css/aileron/main.css b/share/html/NoAuth/css/aileron/main.css
index 995db8b..00c2f02 100644
--- a/share/html/NoAuth/css/aileron/main.css
+++ b/share/html/NoAuth/css/aileron/main.css
@@ -53,6 +53,8 @@
 @import "layout.css";
 @import "nav.css";
 @import "boxes.css";
+ at import "forms.css";
+ at import "login.css";
 @import "ticket-lists.css";
 @import "ticket-search.css";
 @import "ticket.css";
diff --git a/share/html/NoAuth/css/aileron/ticket.css b/share/html/NoAuth/css/aileron/ticket.css
index e201247..211135c 100644
--- a/share/html/NoAuth/css/aileron/ticket.css
+++ b/share/html/NoAuth/css/aileron/ticket.css
@@ -190,8 +190,7 @@ div#ticket-history .messagebody .messagebody{
 .ticket-transaction.other .type { background: #abc; }
 
 
-
-
+/* Color the titlebox tabs */
 .ticket-info-cfs .titlebox-title .left { background-color: #b32; color: #fff;}
 .ticket-info-basics .titlebox-title .left { background-color: #b32;  color: #fff;}
 .ticket-info-people .titlebox-title .left { background-color: #48c;  color: #fff;}
@@ -201,6 +200,16 @@ div#ticket-history .messagebody .messagebody{
 .ticket-info-dates .titlebox-title .left { background-color: #633063;  color: #fff;}
 .ticket-info-attachments .titlebox-title .left { background-color: #993366;  color: #fff;}
 
+/* Use a lighter colored toggle arrow */
+.ticket-info-cfs .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-basics .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-people .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-requestor .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-links .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-reminders .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-dates .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-attachments .titlebox-title .widget a { background-position: center -7px; }
+
 
 .ticket-summary .titlebox-title .left a, .ticket-summary .titlebox-title .left a:visited { color: #fff;}
 
diff --git a/share/html/NoAuth/css/ballard/boxes.css b/share/html/NoAuth/css/ballard/boxes.css
index 87066b2..45ea79e 100644
--- a/share/html/NoAuth/css/ballard/boxes.css
+++ b/share/html/NoAuth/css/ballard/boxes.css
@@ -160,22 +160,21 @@
 .titlebox .titlebox-title .widget a {
   display: block;
   margin: 0;
-  margin-top: 0.5em;
+  margin-top: 0.6em;
   width: 20px;
 
-  background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center center;
+  background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center 0;
 
   position: absolute;
   top: -1em;
   left: 0.15em;
   float: left;
 
-  padding: 11px 0 0 0;
+  padding: 7px 0 0 0;
   overflow: hidden;
 }
 
 * html .titlebox .titlebox-title .widget a {
-    background-position: center 0.3em;
     top: 0em;
     left: -1.5em; 
 }
diff --git a/share/html/NoAuth/css/web2/boxes.css b/share/html/NoAuth/css/web2/boxes.css
index d3f055b..dc3c9ff 100644
--- a/share/html/NoAuth/css/web2/boxes.css
+++ b/share/html/NoAuth/css/web2/boxes.css
@@ -167,22 +167,21 @@
 .titlebox .titlebox-title .widget a {
   display: block;
   margin: 0;
-  margin-top: 0.5em;
+  margin-top: 0.6em;
   width: 20px;
 
-  background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center center;
+  background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center 0;
 
   position: absolute;
   top: -1em;
   left: 0.15em;
   float: left;
 
-  padding: 11px 0 0 0;
+  padding: 7px 0 0 0;
   overflow: hidden;
 }
 
 * html .titlebox .titlebox-title .widget a {
-    background-position: center 0.3em;
     top: 0em;
     left: -1.5em; 
 }
diff --git a/share/html/NoAuth/images/css/rolldown-arrow.gif b/share/html/NoAuth/images/css/rolldown-arrow.gif
index 3c296dc..181ab86 100644
Binary files a/share/html/NoAuth/images/css/rolldown-arrow.gif and b/share/html/NoAuth/images/css/rolldown-arrow.gif differ
diff --git a/share/html/NoAuth/images/css/rollup-arrow.gif b/share/html/NoAuth/images/css/rollup-arrow.gif
index f009ff4..2daaa55 100644
Binary files a/share/html/NoAuth/images/css/rollup-arrow.gif and b/share/html/NoAuth/images/css/rollup-arrow.gif differ

-----------------------------------------------------------------------


More information about the Rt-commit mailing list