--- a/browser/themes/osx/places/places.css
+++ b/browser/themes/osx/places/places.css
@@ -1,31 +1,30 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-%include ../shared.inc
-
/* Sidebars */
#bookmarksPanel,
#history-panel,
#sidebar-search-container,
#tabs-panel {
-moz-appearance: none !important;
background-color: transparent !important;
border-top: none !important;
}
.sidebar-placesTree,
.sidebar-placesTreechildren::-moz-tree-row {
padding-bottom: 1px;
margin: 0;
height: 24px;
- font-size: 12px;
+ /* Default font size is 11px on mac, so this is 12px */
+ font-size: 1.0909rem;
}
.sidebar-placesTree {
-moz-appearance: -moz-mac-source-list;
}
.sidebar-placesTreechildren::-moz-tree-separator {
border-top: 1px solid #505d6d;
@@ -115,60 +114,41 @@
.sidebar-placesTreechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed, selected, focus) {
list-style-image: url("chrome://global/skin/tree/arrow-disclosure.svg#arrow-disclosure-collapsed-inverted-rtl")
}
}
#viewButton {
-moz-appearance: none;
- padding-bottom: 1px;
- padding-inline-start: 5px;
- padding-inline-end: 0px;
- margin: 0;
- margin-inline-start: 4px;
- min-width: 0px;
- min-height: 0px;
- border: 1px solid #a2a9b1;
- border-radius: 10px;
- background-image: linear-gradient(hsla(0,0%,100%,.75),hsla(0,0%,100%,.1));
- box-shadow: inset 0 0 1px hsla(0,0%,100%,.85),
- 0 1px hsla(0,0%,100%,.35);
-}
-
-#viewButton:hover:active,
-#viewButton[open=true] {
- background-image: linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.75));
- box-shadow: @roundButtonPressedShadow@;
- color: -moz-dialogText;
-}
-
-#viewButton:-moz-window-inactive {
- border-color: #b6b6b6;
- background-image: linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,0));
-}
-
-#viewButton .button-menu-dropmarker {
- display: -moz-box;
- list-style-image: url("chrome://global/skin/icons/menulist-dropmarker.png");
+ border-radius: 4px;
+ padding: 2px 4px;
+ margin: 4px 0;
+ margin-inline-end: 4px;
+ /* Default font size is 11px on mac, so this is 12px */
+ font-size: 1.0909rem;
}
#viewButton:focus {
- box-shadow: 0 1px 0 hsla(0, 0%, 0%, .15),
- 0 0 0 1px hsla(210, 100%, 60%, .45) inset,
- 0 0 0 2px hsla(210, 100%, 60%, .45);
- border-color: hsla(210, 100%, 60%, 1);
+ box-shadow: var(--focus-ring-box-shadow);
+}
+
+#viewButton:hover {
+ background: hsla(240, 5%, 5%, 0.1);
}
-#sidebar-search-container {
- padding: 4px;
+#viewButton[open] {
+ background: hsla(240, 5%, 5%, 0.15);
}
-#search-box {
- margin: 0;
+#viewButton > .button-box > .button-menu-dropmarker {
+ display: -moz-box;
+ list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ width: 12px;
+ height: 12px;
}
/* Trees */
%include ../../shared/places/tree-icons.inc.css
treechildren:-moz-tree-image(selected,focus) {
fill: HighlightText;