Add separator between floating tabs
This commit is contained in:
parent
4e0cbf35e2
commit
0afed4dca3
@ -4,9 +4,10 @@
|
|||||||
@use "../settings/effects";
|
@use "../settings/effects";
|
||||||
@use "../settings/icons";
|
@use "../settings/icons";
|
||||||
|
|
||||||
$color-bg: -color-bg-default !default;
|
$color-bg: -color-bg-default !default;
|
||||||
$color-fg: -color-fg-default !default;
|
$color-fg: -color-fg-default !default;
|
||||||
$color-border: -color-border-default !default;
|
$color-border: -color-border-default !default;
|
||||||
|
$color-separator: -color-border-subtle !default;
|
||||||
|
|
||||||
// horizontal tabs (tb = top+bottom)
|
// horizontal tabs (tb = top+bottom)
|
||||||
$color-tb-bg-hover: -color-bg-subtle !default;
|
$color-tb-bg-hover: -color-bg-subtle !default;
|
||||||
@ -267,9 +268,9 @@ $header-classic-padding-y: 5px !default;
|
|||||||
-fx-padding: $tab-padding-y 0 $tab-padding-y $tab-float-spacing;
|
-fx-padding: $tab-padding-y 0 $tab-padding-y $tab-float-spacing;
|
||||||
|
|
||||||
>.tab-container {
|
>.tab-container {
|
||||||
-fx-background-color: $color-float-bg;
|
-fx-background-color: $color-separator, $color-float-bg;
|
||||||
-fx-background-insets: 0;
|
-fx-background-insets: 0, 0 1 0 0;
|
||||||
-fx-background-radius: cfg.$border-radius;
|
-fx-background-radius: 0;
|
||||||
-fx-border-radius: cfg.$border-radius;
|
-fx-border-radius: cfg.$border-radius;
|
||||||
// an ugly hack to create right padding for the close button
|
// an ugly hack to create right padding for the close button
|
||||||
// sadly, it's not possible other way
|
// sadly, it's not possible other way
|
||||||
|
Loading…
Reference in New Issue
Block a user