Bug 1401009 - Add border between notification buttons when highlight is disabled. r?johannh draft
authorMichael Kaply <mozilla@kaply.com>
Tue, 26 Sep 2017 14:25:33 -0500
changeset 670816 4dc067921ff3e804b9e6f74e331e3d96cdb29377
parent 670739 39aaf54972cb11a63815a96b532786133baa95bc
child 733316 2a148d7c599a09c4a62c78a3e15486db4c99ac42
push id81718
push usermozilla@kaply.com
push dateTue, 26 Sep 2017 21:46:11 +0000
reviewersjohannh
bugs1401009
milestone58.0a1
Bug 1401009 - Add border between notification buttons when highlight is disabled. r?johannh MozReview-Commit-ID: 4YGdUZstiDk
toolkit/themes/linux/global/notification.css
toolkit/themes/osx/global/notification.css
toolkit/themes/windows/global/notification.css
--- a/toolkit/themes/linux/global/notification.css
+++ b/toolkit/themes/linux/global/notification.css
@@ -6,8 +6,12 @@
 
 %include ../../shared/notification.inc.css
 %include ../../shared/popupnotification.inc.css
 
 .popup-notification-button:-moz-focusring {
   outline: 1px -moz-dialogtext dotted;
   outline-offset: -5px;
 }
+
+.popup-notification-button[anonid="secondarybutton"]:not([hidden="true"])  ~ .popup-notification-button[default]:not([highlight="true"]) {
+  border-inline-start: 1px solid var(--panel-separator-color);
+}
--- a/toolkit/themes/osx/global/notification.css
+++ b/toolkit/themes/osx/global/notification.css
@@ -11,8 +11,12 @@
 .popup-notification-button:-moz-focusring {
   outline: 2px -moz-mac-focusring solid;
   outline-offset: -2px;
 }
 
 .popup-notification-warning {
   color: #aa1b08;
 }
+
+.popup-notification-button[anonid="secondarybutton"]:not([hidden="true"])  ~ .popup-notification-button[default]:not([highlight="true"]) {
+  border-inline-start: 1px solid var(--panel-separator-color);
+}
--- a/toolkit/themes/windows/global/notification.css
+++ b/toolkit/themes/windows/global/notification.css
@@ -19,8 +19,12 @@
   }
 }
 
 /* Swap the default and secondary action, because Windows
  * platform conventions put the default action on the left. */
 .popup-notification-button[default] {
   order: -1;
 }
+
+.popup-notification-button[anonid="secondarybutton"]:not([hidden="true"])  ~ .popup-notification-button[default]:not([highlight="true"]) {
+  border-inline-end: 1px solid var(--panel-separator-color);
+}