Tab bar: Update styling on macOS
This commit is contained in:
parent
b5f7255da2
commit
e99f76b40c
9 changed files with 72 additions and 12 deletions
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue