Bug 680657 - Give thinner splitters like Thunderbird r=philipp
authorRichard Marti <richard.marti@gmail.com>
Sun, 18 Sep 2011 10:43:38 +0200
changeset 9197 5a55f6aeb4687e37ac4ff567a303d58f2277d5b5
parent 9196 d7118b9e976e9982902c8cec12d6bce7d0d16042
child 9198 f02d813c0ccfce38a32321a30822a2b469dec96a
push id230
push userbugzilla@standard8.plus.com
push dateTue, 08 Nov 2011 22:55:24 +0000
treeherdercomm-beta@63dad5648415 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersphilipp
bugs680657
Bug 680657 - Give thinner splitters like Thunderbird r=philipp
calendar/base/themes/gnomestripe/calendar-task-view.css
calendar/base/themes/gnomestripe/calendar-unifinder.css
calendar/base/themes/gnomestripe/calendar-views.css
calendar/base/themes/gnomestripe/today-pane.css
calendar/lightning/themes/gnomestripe/lightning.css
--- a/calendar/base/themes/gnomestripe/calendar-task-view.css
+++ b/calendar/base/themes/gnomestripe/calendar-task-view.css
@@ -32,26 +32,25 @@
  * decision by deleting the provisions above and replace them with the notice
  * and other provisions required by the GPL or the LGPL. If you do not delete
  * the provisions above, a recipient may use your version of this file under
  * the terms of any one of the MPL, the GPL or the LGPL.
  *
  * ***** END LICENSE BLOCK ***** */
 
 #calendar-task-view-splitter {
-    border: none;
-    min-height: 5px;
-}
-
-#calendar-task-details-container {
-    border-top: 1px solid ThreeDShadow;
-    border-left: 1px solid ThreeDShadow;
-    border-right: 0px;
-    border-bottom: 0px;
-    overflow: hidden;
+     -moz-appearance: none;
+    border-bottom: 1px solid ThreeDShadow;
+    /* splitter grip area */
+    height: 5px;
+    /* make only the splitter border visible */
+    margin-top: -5px;
+    /* because of the negative margin needed to make the splitter visible */
+    position: relative;
+    z-index: 10;
 }
 
 #calendar-header-name-column,
 #calendar-task-details-attachment-row > hbox {
     -moz-padding-start: 0.1em;
 }
 
 #calendar-task-details-grid,
--- a/calendar/base/themes/gnomestripe/calendar-unifinder.css
+++ b/calendar/base/themes/gnomestripe/calendar-unifinder.css
@@ -73,18 +73,25 @@
    -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
    border-bottom: 1px solid;
    border-top: 1px solid;
    margin: 0;
 }
 
 /* restyle splitter-border to match Thunderbird's layout */
 #calendar-view-splitter {
-    border: none;
-    min-height: 5px;
+   -moz-appearance: none;
+   border-bottom: 1px solid ThreeDShadow;
+   /* splitter grip area */
+   height: 5px;
+   /* make only the splitter border visible */
+   margin-top: -5px;
+   /* because of the negative margin needed to make the splitter visible */
+   position: relative;
+   z-index: 10;
 }
 
 /* added for new id ..... search box ..... */
 #unifinder-searchBox {
     height: 30px;
     background-color: transparent;
 }
 
--- a/calendar/base/themes/gnomestripe/calendar-views.css
+++ b/calendar/base/themes/gnomestripe/calendar-views.css
@@ -693,19 +693,18 @@ calendar-month-day-box-item[status="CANC
 
 calendar-month-day-box-item[status="CANCELLED"] .calendar-color-box,
 calendar-event-box[status="CANCELLED"] .calendar-color-box {
     text-decoration: line-through;
 }
 
 /* Navigation controls for the views */
 #calendar-nav-control {
-    background-color: #E8E8E8;
-    border: solid ThreeDShadow;
-    border-width: 1px 0 0 1px;
+    background-color: AppWorkspace;
+    -moz-border-start: 1px solid ThreeDShadow;
     padding-top: 1px;
 }
 
 #view-deck {
     background-color: white;
     border: solid ThreeDShadow;
     border-width: 0 0 0 1px;
 }
--- a/calendar/base/themes/gnomestripe/today-pane.css
+++ b/calendar/base/themes/gnomestripe/today-pane.css
@@ -45,17 +45,16 @@
 
 #buttonspacer {
   width: 5px;
 }
 
 #today-pane-panel {
   background-color: -moz-Dialog;
   color: -moz-DialogText;
-  border-left: 1px solid ThreeDShadow;
 }
 
 #today-pane-panel:-moz-lwtheme {
   background-color: transparent;
   border-top: 1px solid ThreeDShadow;
 }
 
 #agenda-panel:-moz-lwtheme > vbox,
@@ -72,16 +71,28 @@
   list-style-image: url("chrome://calendar/skin/mini-day-background.png");
 }
 
 #mini-day-box,
 #today-minimonth-box {
   background-color: white;
 }
 
+#today-pane-splitter {
+  -moz-appearance: none;
+  border-bottom: 1px solid ThreeDShadow;
+  /* splitter grip area */
+  height: 5px;
+  /* make only the splitter border visible */
+  margin-top: -5px;
+  /* because of the negative margin needed to make the splitter visible */
+  position: relative;
+  z-index: 10;
+}
+
 #weekdayNameContainer {
   font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica;
   padding-top: 4px;
   font-weight: bold;
   font-size: 18px;
 }
 
 .monthlabel {
--- a/calendar/lightning/themes/gnomestripe/lightning.css
+++ b/calendar/lightning/themes/gnomestripe/lightning.css
@@ -34,22 +34,55 @@
  * use your version of this file under the terms of the MPL, indicate your
  * decision by deleting the provisions above and replace them with the notice
  * and other provisions required by the GPL or the LGPL. If you do not delete
  * the provisions above, a recipient may use your version of this file under
  * the terms of any one of the MPL, the GPL or the LGPL.
  *
  * ***** END LICENSE BLOCK ***** */
 
-#calsidebar_splitter {
-    border-right: none;
+#calsidebar_splitter,
+#today-splitter {
+  -moz-appearance: none;
+  border-left: 1px solid ThreeDShadow;
+  /* splitter grip area */
+  width: 5px;
+  margin-top: 0;
+  /* make only the splitter border visible */
+  -moz-margin-end: -5px;
+  /* because of the negative margin needed to make the splitter visible */
+  position: relative;
+  z-index: 10;
+  -moz-transition: border-width .3s ease-in;
 }
 
 #today-splitter {
-    border-right: none;
+  -moz-margin-start: -5px;
+  -moz-margin-end: 0;
+}
+
+/* Until Bug 621351 is fixed we need border-right and border-left in
+ * combination with -moz-locale-dir instead of -moz-border-end and
+ * -moz-border-start for -moz-transition
+ */
+
+#calsidebar_splitter:-moz-locale-dir(rtl),
+#today-splitter:-moz-locale-dir(ltr) {
+  border-right: 1px solid ThreeDShadow;
+  border-left: none;
+}
+
+#calsidebar_splitter[state="collapsed"]:hover:-moz-locale-dir(ltr),
+#today-splitter[state="collapsed"]:hover:-moz-locale-dir(rtl) {
+  border-left: 4px solid highlight;
+}
+
+#calsidebar_splitter[state="collapsed"]:hover:-moz-locale-dir(rtl),
+#today-splitter[state="collapsed"]:hover:-moz-locale-dir(ltr) {
+  border-right: 4px solid highlight;
 }
 
 /* Calendar list rules */
 #calendar-panel {
     padding: 0px 5px 5px;
 }
 
 /* Lightning preferences icon */