Tab bar: Fix tabs on Windows & Linux

This commit is contained in:
Martynas Bagdonas 2020-10-22 13:12:31 +03:00 committed by Dan Stillman
parent 2f505862d7
commit 783f9c50d5
9 changed files with 48 additions and 43 deletions

View file

@ -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.

View file

@ -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;
}
}