Tab bar: Fix tabs on Windows & Linux
This commit is contained in:
parent
2f505862d7
commit
783f9c50d5
9 changed files with 48 additions and 43 deletions
|
@ -90,6 +90,10 @@ toolbarpaletteitem {
|
|||
|
||||
/* ::::: Tabs in Titlebar :::::: */
|
||||
|
||||
#main-window:not([chromemargin]) > #titlebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* For tabs in titlebar on OS X, we stretch the titlebar down so that the
|
||||
* tabstrip can overlap it.
|
||||
|
|
|
@ -4,16 +4,29 @@
|
|||
|
||||
.tabs {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tabs-holder {
|
||||
display: flex;
|
||||
&:before {
|
||||
content: "";
|
||||
width: 0px;
|
||||
min-width: 0px;
|
||||
border-bottom: $tab-border;
|
||||
border-inline-end: $tab-border;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
flex: 1 0 0%;
|
||||
width: 100%;
|
||||
min-width: 0px;
|
||||
border-bottom: $tab-border;
|
||||
border-inline-start: $tab-border;
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
-moz-appearance: none;
|
||||
max-width: 200px;
|
||||
flex: 1;
|
||||
flex: 1 1 200px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
position: relative;
|
||||
|
@ -24,7 +37,7 @@
|
|||
padding: 0 30px;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-right: $tab-border;
|
||||
border-inline-end: $tab-border;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
|
@ -56,4 +69,8 @@
|
|||
&:hover:not(:first-child) .tab-close {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.selected) {
|
||||
border-bottom: $tab-border;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue