[Pale-Moon] Issue #1826 - Restore missing close icon on the undo prompt at the quick dial page

While this could've all been placed in the shared new tab style sheet, OSX does not include the SVG close icon used by the other platforms and has its own custom close icon.
This commit is contained in:
FranklinDM 2020-08-13 17:30:13 +08:00 committed by Roy Tam
commit 41ed98b736
4 changed files with 39 additions and 20 deletions

View file

@ -17,11 +17,15 @@
}
#newtab-undo-close-button {
padding: 0;
border: none;
-moz-user-focus: normal;
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0);
background-position: center center;
background-repeat: no-repeat;
}
#newtab-undo-close-button > .toolbarbutton-icon {
margin: -4px;
#newtab-undo-close-button:hover {
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16);
}
#newtab-undo-close-button:hover:active {
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
}

View file

@ -22,8 +22,15 @@
}
#newtab-undo-close-button {
-moz-appearance: none;
padding: 0;
border: none;
-moz-user-focus: normal;
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 16, 16, 0);
background-position: center center;
background-repeat: no-repeat;
}
#newtab-undo-close-button:hover {
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 32, 16, 16);
}
#newtab-undo-close-button:hover:active {
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.png"), 0, 48, 16, 32);
}

View file

@ -43,13 +43,14 @@ body {
outline: 1px dotted;
}
#newtab-undo-close-button > .toolbarbutton-text {
display: none;
}
#newtab-undo-close-button:-moz-focusring {
outline: 1px dotted;
#newtab-undo-close-button {
-moz-appearance: none;
padding: 0;
border: none;
width: 16px;
height: 16px;
float: right;
right: 0;
}
/* TOGGLE */

View file

@ -22,8 +22,15 @@
}
#newtab-undo-close-button {
-moz-appearance: none;
padding: 0;
border: none;
-moz-user-focus: normal;
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0);
background-position: center center;
background-repeat: no-repeat;
}
#newtab-undo-close-button:hover {
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16);
}
#newtab-undo-close-button:hover:active {
background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
}