Tab bar: Update styling on macOS

This commit is contained in:
Dan Stillman 2020-09-21 05:50:00 -04:00
parent b5f7255da2
commit e99f76b40c
9 changed files with 72 additions and 12 deletions

View file

@ -147,3 +147,23 @@ toolbarpaletteitem {
#main-window[sizemode="fullscreen"] .titlebar-placeholder[type="caption-buttons"] {
display: none;
}
#tab-bar-container {
-moz-window-dragging: drag;
}
#tab-bar-container .tab {
background: $transparent;
}
#tab-bar-container .tab.selected {
background: $toolbar-background-color;
}
#zotero-toolbar {
-moz-appearance: none;
background: $toolbar-background-color;
border-bottom: $toolbar-border;
}

View file

@ -6,6 +6,10 @@
display: flex;
}
.tabs-holder {
display: flex;
}
.tab {
-moz-appearance: none;
width: 200px;
@ -17,12 +21,12 @@
position: relative;
background: #f9f9f9;
border-top: 2px solid transparent;
border-left: 1px solid lightgray;
border-right: 1px solid lightgray;
border-bottom: 1px solid transparent;
margin-right: -1px;
color: #000;
&:not(:last-child) {
border-right: $tab-border;
}
&.selected {
border-top: 2px solid #CC2936;
}