Bug 1223898 - Add the Lightning icon dimensions to suite. r=Ratty a=Ratty CLOSED TREE a=comm-aurora a=comm-beta
authorRichard Marti <richard.marti@gmail.com>
Sat, 21 Nov 2015 04:18:11 +0800
changeset 31240 0ea850b4392540fb90d2f750324053c4b7a1e9bf
parent 31236 de0b95699f227c9a2a8c48faaf6c7f54175be59a
child 31244 860e55fe632e312a5c1a6a5ce845a6e79e6fe5c4
push id1
push userclokep@gmail.com
push dateMon, 07 May 2018 22:45:56 +0000
treeherdercomm-esr60@57eacde5ef40 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersRatty, Ratty, comm-aurora, comm-beta
bugs1223898
Bug 1223898 - Add the Lightning icon dimensions to suite. r=Ratty a=Ratty CLOSED TREE a=comm-aurora a=comm-beta
suite/themes/classic/mac/messenger/primaryToolbar.css
suite/themes/classic/messenger/primaryToolbar.css
suite/themes/modern/messenger/primaryToolbar.css
--- a/suite/themes/classic/mac/messenger/primaryToolbar.css
+++ b/suite/themes/classic/mac/messenger/primaryToolbar.css
@@ -421,16 +421,43 @@ toolbar[iconsize="small"] > #sync-button
   list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
 }
 
 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
 toolbar[iconsize="small"] > #sync-button[status=active] {
   list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
 }
 
+/* ::::: Lightning icon sizes ::::: */
+
+#lightning-button-calendar > .toolbarbutton-icon,
+#lightning-button-tasks > .toolbarbutton-icon,
+#extractEventButton > .toolbarbutton-icon,
+#extractTaskButton > .toolbarbutton-icon,
+#extractEventButton > .box-inherit > .toolbarbutton-icon,
+#extractTaskButton > .box-inherit > .toolbarbutton-icon {
+  width: 29px;
+  height: 29px;
+}
+
+toolbar[iconsize="small"] > #lightning-button-calendar > .toolbarbutton-icon,
+toolbar[iconsize="small"] > #lightning-button-tasks > .toolbarbutton-icon,
+toolbar[iconsize="small"] > #extractEventButton > .box-inherit > .toolbarbutton-icon,
+toolbar[iconsize="small"] > #extractTaskButton > .box-inherit > .toolbarbutton-icon {
+  width: 19px;
+  height: 19px;
+}
+
+#lightning-button-calendar[disabled="true"] > .toolbarbutton-icon,
+#lightning-button-tasks[disabled="true"] > .toolbarbutton-icon,
+#extractEventButton[disabled="true"] > .box-inherit > .toolbarbutton-icon,
+#extractTaskButton[disabled="true"] > .box-inherit > .toolbarbutton-icon {
+  opacity: 0.3;
+}
+
 /* ::::: message notification bar style rules ::::: */
 
 .msgNotificationBar {
   border-bottom: 1px solid #A5A5A5;
   background-color: #C7BC8F;
   color: black;
 }
 
--- a/suite/themes/classic/messenger/primaryToolbar.css
+++ b/suite/themes/classic/messenger/primaryToolbar.css
@@ -509,16 +509,43 @@ toolbar[iconsize="small"] > #sync-button
   list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
 }
 
 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
 toolbar[iconsize="small"] > #sync-button[status=active] {
   list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
 }
 
+/* ::::: Lightning icon sizes ::::: */
+
+#lightning-button-calendar > .toolbarbutton-icon,
+#lightning-button-tasks > .toolbarbutton-icon,
+#extractEventButton > .toolbarbutton-icon,
+#extractTaskButton > .toolbarbutton-icon,
+#extractEventButton > .box-inherit > .toolbarbutton-icon,
+#extractTaskButton > .box-inherit > .toolbarbutton-icon {
+  width: 29px;
+  height: 29px;
+}
+
+toolbar[iconsize="small"] > #lightning-button-calendar > .toolbarbutton-icon,
+toolbar[iconsize="small"] > #lightning-button-tasks > .toolbarbutton-icon,
+toolbar[iconsize="small"] > #extractEventButton > .box-inherit > .toolbarbutton-icon,
+toolbar[iconsize="small"] > #extractTaskButton > .box-inherit > .toolbarbutton-icon {
+  width: 19px;
+  height: 19px;
+}
+
+#lightning-button-calendar[disabled="true"] > .toolbarbutton-icon,
+#lightning-button-tasks[disabled="true"] > .toolbarbutton-icon,
+#extractEventButton[disabled="true"] > .box-inherit > .toolbarbutton-icon,
+#extractTaskButton[disabled="true"] > .box-inherit > .toolbarbutton-icon {
+  opacity: 0.3;
+}
+
 /* ::::: message notification bar style rules ::::: */
 
 .msgNotificationBar {
   border-bottom: 1px solid;
   -moz-border-bottom-colors: #000000;
   -moz-appearance: toolbox;
   background-color: #C7BC8F;
   color: black;
--- a/suite/themes/modern/messenger/primaryToolbar.css
+++ b/suite/themes/modern/messenger/primaryToolbar.css
@@ -336,16 +336,33 @@ toolbar[iconsize="small"] > #sync-button
   list-style-image: url("chrome://communicator/skin/sync/sync-16.png");
 }
 
 toolbar[iconsize="small"] > toolbarpaletteitem > #sync-button[status=active],
 toolbar[iconsize="small"] > #sync-button[status=active] {
   list-style-image: url("chrome://communicator/skin/sync/sync-16-throbber.png");
 }
 
+/* ::::: Lightning icon sizes ::::: */
+
+#lightning-button-calendar > .toolbarbutton-icon,
+#lightning-button-tasks > .toolbarbutton-icon,
+#extractEventButton .toolbarbutton-icon,
+#extractTaskButton .toolbarbutton-icon {
+  width: 33px;
+  height: 33px;
+}
+
+#lightning-button-calendar[disabled="true"] > .toolbarbutton-icon,
+#lightning-button-tasks[disabled="true"] > .toolbarbutton-icon,
+#extractEventButton[disabled="true"] .toolbarbutton-icon,
+#extractTaskButton[disabled="true"] .toolbarbutton-icon {
+  opacity: 0.3;
+}
+
 /* ::::: message notification bar style rules ::::: */
 
 .msgNotificationBar {
   border-bottom: 1px solid;
   -moz-border-bottom-colors: #000000;
   -moz-appearance: toolbox;
   background-color: #C7BC8F;
   color: black;