Restore Mac bookmark doorhanger styling

This commit is contained in:
SpockMan02 2018-08-03 17:36:03 -07:00 committed by Roy Tam
commit 4768460fd5
7 changed files with 256 additions and 0 deletions

View file

@ -1340,6 +1340,257 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
min-width: 27em;
}
/* BOOKMARKING PANEL */
#editBookmarkPanelStarIcon {
list-style-image: url("chrome://browser/skin/places/starred48.png");
width: 48px;
height: 48px;
}
#editBookmarkPanelStarIcon[unstarred] {
list-style-image: url("chrome://browser/skin/places/unstarred48.png");
}
#editBookmarkPanelTitle {
font-size: 130%;
font-weight: bold;
}
#editBMPanel_rows > row {
margin-bottom: 8px;
}
#editBMPanel_rows > row:last-of-type {
margin-bottom: 0;
}
/**** Input elements ****/
#editBMPanel_rows > row > textbox,
#editBMPanel_rows > row > hbox > textbox {
-moz-appearance: none;
background: linear-gradient(#fafafa, #fff);
background-clip: padding-box;
border-radius: 3px;
border: 1px solid rgba(0,0,0,.3) !important;
box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05),
0 1px rgba(255,255,255,.3);
margin: 0;
padding: 3px 6px;
}
#editBMPanel_rows > row > textbox[focused="true"],
#editBMPanel_rows > row > hbox > textbox[focused="true"] {
border-color: -moz-mac-focusring !important;
box-shadow: @focusRingShadow@;
}
/**** HUD style buttons ****/
.editBookmarkPanelHeaderButton,
.editBookmarkPanelBottomButton {
@hudButton@
margin: 0;
min-width: 82px;
min-height: 22px;
}
.editBookmarkPanelHeaderButton:hover:active,
.editBookmarkPanelBottomButton:hover:active {
@hudButtonPressed@
}
.editBookmarkPanelHeaderButton:-moz-focusring,
.editBookmarkPanelBottomButton:-moz-focusring {
@hudButtonFocused@
}
.editBookmarkPanelBottomButton[default="true"] {
background-color: #666;
}
#editBookmarkPanelHeader {
margin-bottom: 6px;
}
.editBookmarkPanelBottomButton:last-child {
-moz-margin-start: 8px;
}
/* The following elements come from editBookmarkOverlay.xul. Styling that's
specific to the editBookmarkPanel should be in browser.css. Styling that
should be shared by all editBookmarkOverlay.xul consumers should be in
editBookmarkOverlay.css. */
#editBMPanel_newFolderBox {
background: linear-gradient(#fff, #f2f2f2);
background-origin: padding-box;
background-clip: padding-box;
border-radius: 0 0 3px 3px;
border: 1px solid #a5a5a5;
box-shadow: inset 0 1px rgba(255,255,255,.8),
inset 0 0 1px rgba(255,255, 255,.25),
0 1px rgba(255,255,255,.3);
margin: 0;
padding: 0;
height: 20px;
}
#editBMPanel_newFolderButton {
-moz-appearance: none;
border: 0 solid #a5a5a5;
-moz-border-end-width: 1px;
padding: 0 9px;
margin: 0;
min-width: 21px;
min-height: 20px;
height: 20px;
color: #fff;
list-style-image: url("chrome://browser/skin/panel-plus-sign.png");
position: relative;
}
#editBMPanel_newFolderButton:hover:active {
background: linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9));
box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4);
}
#editBMPanel_newFolderButton:-moz-focusring {
@hudButtonFocused@
}
#editBMPanel_newFolderButton .button-text {
display: none;
}
#editBMPanel_folderMenuList {
@hudButton@
background-clip: padding-box;
margin: 0;
min-height: 22px;
padding-top: 2px;
padding-bottom: 1px;
-moz-padding-start: 8px;
-moz-padding-end: 4px;
}
#editBMPanel_folderMenuList:-moz-focusring {
@hudButtonFocused@
}
#editBMPanel_folderMenuList[open="true"],
#editBMPanel_folderMenuList:hover:active {
@hudButtonPressed@
}
#editBMPanel_folderMenuList > .menulist-dropmarker {
-moz-appearance: none;
display: -moz-box;
background-color: transparent;
border: 0;
margin: 0;
padding: 0;
-moz-padding-end: 4px;
width: 7px;
}
#editBMPanel_folderMenuList > .menulist-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png");
}
/**** folder tree and tag selector ****/
#editBMPanel_folderTree,
#editBMPanel_tagsSelector {
-moz-appearance: none;
background: linear-gradient(#fafafa, #fff);
background-clip: padding-box;
border-radius: 3px;
border: 1px solid rgba(0,0,0,.3);
box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05),
0 1px rgba(255,255,255,.3);
margin: 0;
}
#editBMPanel_folderTree:-moz-focusring,
#editBMPanel_tagsSelector:-moz-focusring {
border-color: -moz-mac-focusring;
box-shadow: @focusRingShadow@;
}
#editBMPanel_folderTree {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* Implements editBookmarkPanel resizing on folderTree un-collapse. */
margin: 0 !important;
min-width: 27em;
position: relative;
}
/**** expanders ****/
#editBookmarkPanel .expander-up,
#editBookmarkPanel .expander-down {
@hudButton@
margin: 0;
-moz-margin-start: 4px;
min-width: 27px;
min-height: 22px;
}
#editBookmarkPanel .expander-up:-moz-focusring,
#editBookmarkPanel .expander-down:-moz-focusring {
@hudButtonFocused@
}
#editBookmarkPanel .expander-up:hover:active,
#editBookmarkPanel .expander-down:hover:active {
@hudButtonPressed@
}
#editBookmarkPanel .expander-up {
list-style-image: url("chrome://browser/skin/panel-expander-open.png");
}
#editBookmarkPanel .expander-down {
list-style-image: url("chrome://browser/skin/panel-expander-closed.png");
}
#editBookmarkPanel .expander-up > .button-box > .button-icon,
#editBookmarkPanel .expander-down > .button-box > .button-icon {
margin: 1px 0 0;
}
#editBookmarkPanel .expander-up > .button-box > .button-text,
#editBookmarkPanel .expander-down > .button-box > .button-text {
display: none;
}
@media (min-resolution: 2dppx) {
#editBookmarkPanel .expander-up {
list-style-image: url("chrome://browser/skin/panel-expander-open@2x.png");
}
#editBookmarkPanel .expander-down {
list-style-image: url("chrome://browser/skin/panel-expander-closed@2x.png");
}
#editBookmarkPanel .expander-up > .button-box > .button-icon,
#editBookmarkPanel .expander-down > .button-box > .button-icon {
width: 9px;
}
}
#editBMPanel_tagsField > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder {
opacity: 1.0;
color: #bbb;
}
.editBMPanel_rowLabel {
text-align: end;
}
/* ::::: content area ::::: */
#sidebar {

View file

@ -41,6 +41,11 @@ browser.jar:
skin/classic/browser/mixed-content-blocked-64.png
skin/classic/browser/monitor.png
skin/classic/browser/monitor_16-10.png
skin/classic/browser/panel-expander-closed.png
skin/classic/browser/panel-expander-closed@2x.png
skin/classic/browser/panel-expander-open.png
skin/classic/browser/panel-expander-open@2x.png
skin/classic/browser/panel-plus-sign.png
skin/classic/browser/pageInfo.css
skin/classic/browser/pageInfo.png
skin/classic/browser/page-livemarks.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 362 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 155 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 356 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 B