eudaimon
/
DeeplySkeuo
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improved tabs

This commit is contained in:
eudaimon 2023-12-22 16:47:43 +01:00
parent 6aa56e2877
commit 378c9a084f
5 changed files with 18 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
gtk-3.0/gtk.css
View File

@ -845,12 +845,10 @@ notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255,
notebook > header > tabs > arrow:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 1.5em; min-width: 1.5em; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab:hover { color: #241f31; background-color: #a7a7a7; }
notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(131, 131, 131, 0.3); background-color: rgba(177, 177, 177, 0.2); }
notebook > header tabs > tab:backdrop { color: #87858b; }
notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
@ -859,7 +857,7 @@ notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; min-width: 1em; min-height: 1em; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -875,8 +873,6 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom
notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; }
notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
@ -887,8 +883,6 @@ notebook > header.left tabs:not(:only-child):last-child, notebook > header.right
notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; }
notebook > header.top tab { padding-bottom: 4px; }
notebook > header.bottom tab { padding-top: 4px; }

10
gtk-4.0/gtk.css
View File

@ -814,12 +814,10 @@ notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255,
notebook > header > tabs > arrow:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 1.5em; min-width: 1.5em; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab:hover { color: #241f31; background-color: #a7a7a7; }
notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(131, 131, 131, 0.3); background-color: rgba(177, 177, 177, 0.2); }
notebook > header tabs > tab:backdrop { color: #87858b; }
notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
@ -828,7 +826,7 @@ notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; min-width: 1em; min-height: 1em; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -844,8 +842,6 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom
notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; }
notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
@ -856,8 +852,6 @@ notebook > header.left tabs:not(:only-child):last-child, notebook > header.right
notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; }
notebook > header.top tab { padding-bottom: 4px; }
notebook > header.bottom tab { padding-top: 4px; }

20
source/common/notebook.scss
View File

@ -164,8 +164,8 @@ notebook {
tabs > tab {
border: 1px solid transparent;
min-height: 30px;
min-width: 30px;
min-height: 1.5em;
min-width: 1.5em;
padding: 3px 12px;
outline-offset: -5px;
@ -178,10 +178,10 @@ notebook {
color: $fg_color;
background-color: darken($bg_color,4%);
&.reorderable-page {
border-color: transparentize($borders_color, 0.7);
background-color: transparentize($bg_color, 0.8);
}
//&.reorderable-page {
// border-color: transparentize($borders_color, 0.7);
// background-color: transparentize($bg_color, 0.8);
//}
}
&:backdrop {
@ -225,8 +225,8 @@ notebook {
//margin-top: 4px;
//margin-bottom: 4px;
//// FIXME: generalize .small-button?
//min-width: 20px;
//min-height: 20px;
min-width: 1em;
min-height: 1em;
&:last-child {
margin-left: 4px;
@ -258,7 +258,7 @@ notebook {
margin-left: 4px;
margin-right: 4px;
&.reorderable-page { border-style: none solid; }
//&.reorderable-page { border-style: none solid; }
}
}
}
@ -281,7 +281,7 @@ notebook {
margin-top: 4px;
margin-bottom: 4px;
&.reorderable-page { border-style: solid none; }
//&.reorderable-page { border-style: solid none; }
}
}
}

10
source/gtk3/gtk-new.css
View File

@ -845,12 +845,10 @@ notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255,
notebook > header > tabs > arrow:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 1.5em; min-width: 1.5em; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab:hover { color: #241f31; background-color: #a7a7a7; }
notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(131, 131, 131, 0.3); background-color: rgba(177, 177, 177, 0.2); }
notebook > header tabs > tab:backdrop { color: #87858b; }
notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
@ -859,7 +857,7 @@ notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; min-width: 1em; min-height: 1em; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -875,8 +873,6 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom
notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; }
notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
@ -887,8 +883,6 @@ notebook > header.left tabs:not(:only-child):last-child, notebook > header.right
notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; }
notebook > header.top tab { padding-bottom: 4px; }
notebook > header.bottom tab { padding-top: 4px; }

10
source/gtk4/gtk-new.css
View File

@ -814,12 +814,10 @@ notebook > header > tabs > arrow:active { box-shadow: 0 1px rgba(255, 255, 255,
notebook > header > tabs > arrow:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab { border: 1px solid transparent; min-height: 1.5em; min-width: 1.5em; padding: 3px 12px; outline-offset: -5px; color: #241f31; font-weight: normal; }
notebook > header tabs > tab:hover { color: #241f31; background-color: #a7a7a7; }
notebook > header tabs > tab:hover.reorderable-page { border-color: rgba(131, 131, 131, 0.3); background-color: rgba(177, 177, 177, 0.2); }
notebook > header tabs > tab:backdrop { color: #87858b; }
notebook > header tabs > tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
@ -828,7 +826,7 @@ notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; min-width: 1em; min-height: 1em; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -844,8 +842,6 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom
notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; }
notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
@ -856,8 +852,6 @@ notebook > header.left tabs:not(:only-child):last-child, notebook > header.right
notebook > header.left tabs tab, notebook > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { border-style: solid none; }
notebook > header.top tab { padding-bottom: 4px; }
notebook > header.bottom tab { padding-top: 4px; }