Improved reorderable tabs

This commit is contained in:
Eudaimon 2022-10-20 12:23:14 +02:00
parent fba91da46e
commit 83809f0587
5 changed files with 9 additions and 33 deletions

View File

@ -857,14 +857,8 @@ notebook > header tabs > tab:backdrop.reorderable-page { border-color: transpare
notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e; }
notebook > header tabs > tab:checked.reorderable-page { border-color: rgba(131, 131, 131, 0.5); background-color: rgba(177, 177, 177, 0.5); }
notebook > header tabs > tab:checked.reorderable-page:hover { background-color: rgba(177, 177, 177, 0.7); }
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab:backdrop:checked.reorderable-page { border-color: #8c8c8c; background-color: #b1b1b1; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }

View File

@ -826,14 +826,8 @@ notebook > header tabs > tab:backdrop.reorderable-page { border-color: transpare
notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e; }
notebook > header tabs > tab:checked.reorderable-page { border-color: rgba(131, 131, 131, 0.5); background-color: rgba(177, 177, 177, 0.5); }
notebook > header tabs > tab:checked.reorderable-page:hover { background-color: rgba(177, 177, 177, 0.7); }
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab:backdrop:checked.reorderable-page { border-color: #8c8c8c; background-color: #b1b1b1; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }

View File

@ -196,22 +196,22 @@ notebook {
&:checked {
color: $fg_color;
background-color: $base_color;
&.reorderable-page {
border-color: transparentize($borders_color, 0.5);
background-color: transparentize($bg_color, 0.5);
//&.reorderable-page {
// border-color: transparentize($borders_color, 0.5);
// background-color: transparentize($bg_color, 0.5);
&:hover { background-color: transparentize($bg_color, 0.3); }
}
// &:hover { background-color: transparentize($bg_color, 0.3); }
//}
}
&:backdrop:checked {
color: $backdrop_fg_color;
background-color: $backdrop_base_color;
&.reorderable-page {
border-color: $backdrop_borders_color;
background-color: $backdrop_bg_color;
}
//&.reorderable-page {
// border-color: $backdrop_borders_color;
// background-color: $backdrop_base_color;
//}
}
// colors the button like the label, overridden otherwise

View File

@ -857,14 +857,8 @@ notebook > header tabs > tab:backdrop.reorderable-page { border-color: transpare
notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e; }
notebook > header tabs > tab:checked.reorderable-page { border-color: rgba(131, 131, 131, 0.5); background-color: rgba(177, 177, 177, 0.5); }
notebook > header tabs > tab:checked.reorderable-page:hover { background-color: rgba(177, 177, 177, 0.7); }
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab:backdrop:checked.reorderable-page { border-color: #8c8c8c; background-color: #b1b1b1; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }

View File

@ -826,14 +826,8 @@ notebook > header tabs > tab:backdrop.reorderable-page { border-color: transpare
notebook > header tabs > tab:checked { color: #241f31; background-color: #a2a09e; }
notebook > header tabs > tab:checked.reorderable-page { border-color: rgba(131, 131, 131, 0.5); background-color: rgba(177, 177, 177, 0.5); }
notebook > header tabs > tab:checked.reorderable-page:hover { background-color: rgba(177, 177, 177, 0.7); }
notebook > header tabs > tab:backdrop:checked { color: #6b6871; background-color: #a09d9b; }
notebook > header tabs > tab:backdrop:checked.reorderable-page { border-color: #8c8c8c; background-color: #b1b1b1; }
notebook > header tabs > tab button.flat { padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }