Bug 1431181 - Remove -moz-border-*-colors from Calendar. r=philipp
authorRichard Marti <richard.marti@gmail.com>
Wed, 17 Jan 2018 20:05:26 +0100
changeset 30943 52ede0a12556611d74475302dc3ca3750cdfaf72
parent 30942 c9eeebf68c0147796f4f3cb3e611c370359fd35b
child 30944 89f273a5289ac4e3300db9f5ddfa8ccc72ebf7f2
push id383
push userclokep@gmail.com
push dateMon, 07 May 2018 21:52:48 +0000
reviewersphilipp
bugs1431181
Bug 1431181 - Remove -moz-border-*-colors from Calendar. r=philipp
calendar/base/themes/common/calendar-attendees.css
calendar/base/themes/common/calendar-views.css
calendar/base/themes/windows/calendar-task-tree.css
--- a/calendar/base/themes/common/calendar-attendees.css
+++ b/calendar/base/themes/common/calendar-attendees.css
@@ -208,57 +208,50 @@
 
 .usertype-icon[cutype="ROOM"] {
     -moz-image-region: rect(0px 64px 16px 48px);
 }
 .usertype-icon[cutype="ROOM"][disabled="true"] {
     -moz-image-region: rect(16px 64px 32px 48px);
 }
 
-@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista),
-       (-moz-windows-default-theme) and (-moz-os-version: windows-win7),
+@media (-moz-windows-default-theme) and (-moz-os-version: windows-win7),
        (-moz-windows-default-theme) and (-moz-os-version: windows-win8),
        (-moz-windows-default-theme) and (-moz-os-version: windows-win10) {
     #calendar-event-dialog-inner .item-attendees-cell {
         background-repeat: no-repeat;
         background-size: 100% 100%;
+        padding: 1px;
+        border: 1px solid transparent;
         --attendees-currentColor: rgb(125, 162, 206);
     }
 
     #calendar-event-dialog-inner .item-attendees-cell:focus {
         color: -moz-FieldText;
         background-color: transparent;
-        -moz-border-top-colors: var(--attendees-focusBorder);
-        -moz-border-right-colors: var(--attendees-focusBorder);
-        -moz-border-left-colors: var(--attendees-focusBorder);
-        -moz-border-bottom-colors: var(--attendees-focusBottomBorder);
+        border-color: var(--attendees-focusBorder);
         background-image: var(--attendees-focusImage);
+        box-shadow: var(--attendees-focusShadow);
     }
 }
 
-@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista),
-       (-moz-windows-default-theme) and (-moz-os-version: windows-win7) {
+@media (-moz-windows-default-theme) and (-moz-os-version: windows-win7) {
     .item-attendees-cell {
-        border: 2px solid transparent;
         border-radius: 3px;
-        --attendees-2ndBorderColor: rgba(255, 255, 255, .4);
-        --attendees-2ndBottomBorderColor: rgba(255, 255, 255, .6);
-        --attendees-focusBorder: var(--attendees-currentColor)
-                                 var(--attendees-2ndBorderColor);
-        --attendees-focusBottomBorder: var(--attendees-currentColor)
-                                       var(--attendees-2ndBottomBorderColor);
+        --attendees-focusBorder: var(--attendees-currentColor);
+        --attendees-focusBottomBorder: var(--attendees-currentColor);
         --attendees-focusImage: linear-gradient(rgba(131, 183, 249, .28),
                                                 rgba(131, 183, 249, .5));
+        --attendees-focusShadow: inset 0 0 1px white, inset 0 0 1px white;
     }
 }
 
 @media (-moz-windows-default-theme) and (-moz-os-version: windows-win8),
        (-moz-windows-default-theme) and (-moz-os-version: windows-win10) {
     #calendar-event-dialog-inner .item-attendees-cell {
-        padding: 1px;
-        border: 1px solid transparent;
         --attendees-focusColor: rgb(123, 195, 255);
         --attendees-focusBorder: var(--attendees-focusColor);
         --attendees-focusBottomBorder: var(--attendees-focusColor);
         --attendees-focusImage: linear-gradient(rgb(205, 232, 255),
                                                 rgb(205, 232, 255));
+        --attendees-focusShadow: none;
     }
 }
--- a/calendar/base/themes/common/calendar-views.css
+++ b/calendar/base/themes/common/calendar-views.css
@@ -258,28 +258,29 @@ calendar-header-container[weekend="true"
 .calendar-event-column-linebox[orient="vertical"][relation="today"]:last-child {
     border-bottom: 1px solid var(--viewHighlightBorderColor);
 }
 
 /* Make sure we extend the bold line separating scrollable and non-scrollable
    areas over the timebar. */
 .multiday-view-header-time-spacer[orient="horizontal"] {
     border-bottom: 2px solid var(--viewBorderColor);
-    border-right: 2px solid;
-    -moz-border-right-colors: var(--viewDoubleBorderColor);
+    border-right: 1px solid var(--viewBorderColor);
+    margin-inline-end: 1px;
+    margin-inline-start: -1px;
 }
 
 .multiday-view-header-time-spacer[orient="vertical"] {
-    border-right: 2px solid;
-    -moz-border-right-colors: var(--viewDoubleBorderColor);
+    border-right: 2px solid var(--viewBorderColor);
 }
 
 .multiday-view-label-box[orient="horizontal"] > .multiday-view-label-time-spacer {
-    border-right: 2px solid;
-    -moz-border-right-colors: var(--viewDoubleBorderColor);
+    border-right: 1px solid var(--viewBorderColor);
+    margin-inline-end: 1px;
+    margin-inline-start: -1px;
 }
 
 .multiday-view-header-day-box[orient="horizontal"] {
     border-right: 1px solid var(--viewBorderColor);
     border-bottom: 2px solid var(--viewBorderColor);
     overflow-x: hidden;
     overflow-y: auto;
     max-height: 120px;
@@ -474,33 +475,33 @@ calendar-time-bar[orient="horizontal"] {
     background-color: var(--viewBackground);
     text-align: right;
     overflow: hidden;
 }
 
 .calendar-time-bar-box-odd[off-time="true"] ,
 .calendar-time-bar-box-even[off-time="true"] {
     background-color: var(--viewOffTimeBackground);
-    border-right: 2px solid;
-    -moz-border-right-colors: var(--viewDoubleBorderColor);
+    border-right: 1px solid var(--viewBorderColor);
+    margin-inline-end: 1px;
 }
 
 .calendar-time-bar-box-odd[orient="horizontal"],
 .calendar-time-bar-box-even[orient="horizontal"] {
     border-right: 1px solid var(--viewBorderColor);
     border-top: 1px solid var(--viewBorderColor);
-    -moz-border-right-colors: none;
     height: 40px; /* the same as the calendar-time-bar element */
+    margin-inline-end: 0;
 }
 
 .calendar-time-bar-box-odd[orient="vertical"],
 .calendar-time-bar-box-even[orient="vertical"] {
     border-bottom: 1px  transparent !important;
-    border-right: 2px solid;
-    -moz-border-right-colors:  var(--viewDoubleBorderColor);
+    border-right: 1px solid var(--viewBorderColor);
+    margin-inline-end: 1px;
     width: 10ex; /* the same as the calendar-time-bar element */
 }
 
 /** End time bar **/
 
 calendar-multiday-view {
     background-color: var(--viewBackground);
     padding: 0px;
--- a/calendar/base/themes/windows/calendar-task-tree.css
+++ b/calendar/base/themes/windows/calendar-task-tree.css
@@ -30,31 +30,25 @@
     .calendar-task-tree > treechildren::-moz-tree-cell-text(selected, focus),
     .calendar-task-tree > treechildren::-moz-tree-cell-text(duetoday, selected, focus),
     .calendar-task-tree > treechildren::-moz-tree-cell-text(future, selected, focus),
     .calendar-task-tree > treechildren::-moz-tree-cell-text(completed, selected, focus) {
         color: -moz-FieldText;
     }
 
     .calendar-task-tree > treechildren::-moz-tree-row(inprogress, selected, focus) {
-        -moz-border-top-colors: green rgba(255, 255, 255, .4);
-        -moz-border-right-colors: green rgba(255, 255, 255, .4);
-        -moz-border-left-colors: green rgba(255, 255, 255, .4);
-        -moz-border-bottom-colors: green rgba(255, 255, 255, .6);
+        border-color: green;
     }
 
     .calendar-task-tree > treechildren::-moz-tree-cell-text(inprogress, selected, focus) {
         color: white;
     }
 
     .calendar-task-tree > treechildren::-moz-tree-row(overdue, selected, focus) {
-        -moz-border-top-colors: red rgba(255, 255, 255, .4);
-        -moz-border-right-colors: red rgba(255, 255, 255, .4);
-        -moz-border-left-colors: red rgba(255, 255, 255, .4);
-        -moz-border-bottom-colors: red rgba(255, 255, 255, .6);
+        border-color: red;
     }
 
     .calendar-task-tree > treechildren::-moz-tree-cell-text(overdue, selected, focus) {
         color: white;
     }
 
     @media (-moz-os-version: windows-win7) {
         .calendar-task-tree > treechildren::-moz-tree-row(inprogress, selected, focus) {