Bug 999298 - Doorhanger button does not match system style. r=gijs

This commit is contained in:
Ryan Nematz 2015-02-26 02:44:00 -05:00
parent 330dfed36a
commit 7d266e31e6

View File

@ -94,9 +94,7 @@ XXX: apply styles to all themes until bug 509642 is fixed
-moz-appearance: none;
border-radius: 3px;
padding: 0;
%ifndef WINDOWS_AERO
background-color: rgba(250,250,250,.3);
%endif
background-color: rgba(250,250,250,.3)
}
.popup-notification-menubutton:hover:active {
@ -109,17 +107,25 @@ XXX: apply styles to all themes until bug 509642 is fixed
-moz-appearance: none;
margin: 0;
border: 1px solid rgba(0,0,0,.35);
%ifdef WINDOWS_AERO
background-image: linear-gradient(rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05));
box-shadow: 0 0 1px 1px rgba(255,255,255,.75) inset;
%else
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
0 2px 2px rgba(255,255,255,.35) inset,
0 -1px 2px rgba(0,0,0,.1) inset,
0 1px 0 rgba(255,255,255,.35);
%endif
}
%ifdef WINDOWS_AERO
@media (-moz-windows-glass) {
.popup-notification-menubutton:not([type="menu-button"]),
.popup-notification-menubutton > .button-menubutton-button,
.popup-notification-menubutton > .button-menubutton-dropmarker {
background-color: transparent;
background-image: linear-gradient(rgba(250,250,250,.6), rgba(175,175,175,.25) 49%, rgba(0,0,0,.12) 51%, rgba(0,0,0,.09) 60%, rgba(0,0,0,.05));
box-shadow: 0 0 1px 1px rgba(255,255,255,.75) inset;
}
}
%endif
.popup-notification-menubutton > .button-menubutton-button {
background-color: transparent;
padding: 1px;
@ -145,40 +151,51 @@ XXX: apply styles to all themes until bug 509642 is fixed
}
%ifdef WINDOWS_AERO
.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),
.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {
border-radius: 2px 0 0 2px;
}
@media (-moz-windows-glass) {
.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(ltr),
.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(rtl) {
border-radius: 2px 0 0 2px;
}
.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl),
.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {
border-radius: 0 2px 2px 0;
.popup-notification-menubutton > .button-menubutton-button:-moz-locale-dir(rtl),
.popup-notification-menubutton > .button-menubutton-dropmarker:-moz-locale-dir(ltr) {
border-radius: 0 2px 2px 0;
}
}
%endif
.popup-notification-menubutton:not([type="menu-button"]):hover,
.popup-notification-menubutton > .button-menubutton-button:hover,
.popup-notification-menubutton > .button-menubutton-dropmarker:hover {
%ifdef WINDOWS_AERO
background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
box-shadow: 0 0 0 1px white inset,
0 0 2px 1px rgba(255,255,255,.75) inset;
%else
background-color: rgba(250,250,250,.6);
%endif
}
.popup-notification-menubutton:not([type="menu-button"]):hover:active,
.popup-notification-menubutton > .button-menubutton-button:hover:active,
.popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
.popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
%ifdef WINDOWS_AERO
background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
%else
background-color: rgba(0,0,0,.05);
%endif
box-shadow: 0 0 2px rgba(0,0,0,.65) inset;
}
%ifdef WINDOWS_AERO
@media (-moz-windows-glass) {
.popup-notification-menubutton:not([type="menu-button"]):hover,
.popup-notification-menubutton > .button-menubutton-button:hover,
.popup-notification-menubutton > .button-menubutton-dropmarker:hover {
background-color: transparent;
background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
box-shadow: 0 0 0 1px white inset,
0 0 2px 1px rgba(255,255,255,.75) inset;
}
.popup-notification-menubutton:not([type="menu-button"]):hover:active,
.popup-notification-menubutton > .button-menubutton-button:hover:active,
.popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
.popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
background-color: transparent;
background-image: linear-gradient(rgba(250,250,250,.9), rgba(200,200,200,.6) 49%, rgba(0,0,0,.23) 51%, rgba(0,0,0,.17) 60%, rgba(0,0,0,.05));
}
}
%endif
/*}*/
%endif