Adwaita: make tab child not cover the active tab indication

in the process make the focus outline clearer.
This commit is contained in:
Lapo Calamandrei 2016-02-16 20:27:06 +01:00
parent af2cc8140a
commit 03ec21d612
3 changed files with 24 additions and 21 deletions

View File

@ -1928,12 +1928,15 @@ notebook {
}
tab {
font-weight: bold;
min-height: 36px;
min-width: 36px;
padding-left: 12px;
padding-right: 12px;
min-height: 30px;
min-width: 30px;
padding: 3px 12px;
outline-offset: -5px;
color: $insensitive_fg_color;
font-weight: bold;
border-width: 1px; // for reorderable tabs
border-color: transparent; //
@ -1981,8 +1984,8 @@ notebook {
&, &:backdrop { color: gtkalpha(currentColor, 0.3); }
padding: 0;
margin-top: 7px;
margin-bottom: 7px;
margin-top: 4px;
margin-bottom: 4px;
// FIXME: generalize .small-button?
min-width: 20px;
min-height: 20px;

View File

@ -2235,12 +2235,12 @@ notebook > header {
background-color: transparent;
border-color: transparent; }
notebook > header tab {
font-weight: bold;
min-height: 36px;
min-width: 36px;
padding-left: 12px;
padding-right: 12px;
min-height: 30px;
min-width: 30px;
padding: 3px 12px;
outline-offset: -5px;
color: #949796;
font-weight: bold;
border-width: 1px;
border-color: transparent; }
notebook > header tab:hover {
@ -2269,8 +2269,8 @@ notebook > header {
notebook > header tab .titlebar button.titlebutton,
.titlebar notebook > header tab button.titlebutton {
padding: 0;
margin-top: 7px;
margin-bottom: 7px;
margin-top: 4px;
margin-bottom: 4px;
min-width: 20px;
min-height: 20px; }
notebook > header tab button.flat:hover, notebook > header tab notebook > header > tabs > arrow:hover, notebook > header tab button.sidebar-button:hover, notebook > header tab headerbar button.titlebutton:hover, headerbar notebook > header tab button.titlebutton:hover,

View File

@ -2245,12 +2245,12 @@ notebook > header {
background-color: transparent;
border-color: transparent; }
notebook > header tab {
font-weight: bold;
min-height: 36px;
min-width: 36px;
padding-left: 12px;
padding-right: 12px;
min-height: 30px;
min-width: 30px;
padding: 3px 12px;
outline-offset: -5px;
color: #8b8e8f;
font-weight: bold;
border-width: 1px;
border-color: transparent; }
notebook > header tab:hover {
@ -2279,8 +2279,8 @@ notebook > header {
notebook > header tab .titlebar button.titlebutton,
.titlebar notebook > header tab button.titlebutton {
padding: 0;
margin-top: 7px;
margin-bottom: 7px;
margin-top: 4px;
margin-bottom: 4px;
min-width: 20px;
min-height: 20px; }
notebook > header tab button.flat:hover, notebook > header tab notebook > header > tabs > arrow:hover, notebook > header tab button.sidebar-button:hover, notebook > header tab headerbar button.titlebutton:hover, headerbar notebook > header tab button.titlebutton:hover,