fix(eww): fix workspace 10 button in status bar
When workspace 10 was selected, the larger two-digit ID caused the button to be too large and clip into the side of the module. This can be easily fixed using a `min-width` property.
This commit is contained in:
parent
c67f606a37
commit
f4898718a8
1 changed files with 9 additions and 10 deletions
|
|
@ -109,25 +109,24 @@ tooltip {
|
||||||
|
|
||||||
.bar-workspaces {
|
.bar-workspaces {
|
||||||
@include segment;
|
@include segment;
|
||||||
padding: 3px 5px;
|
padding: 3px;
|
||||||
|
|
||||||
.workspace-button {
|
.workspace-button {
|
||||||
padding: 0px 5px;
|
min-width: 23px;
|
||||||
border-radius: 20px;
|
border-radius: 100%;
|
||||||
color: #51587a;
|
color: #51587a;
|
||||||
|
|
||||||
|
&.current + box {
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: $accent;
|
||||||
|
color: $foreground-light;
|
||||||
|
}
|
||||||
|
|
||||||
&.occupied {
|
&.occupied {
|
||||||
background-color: $background-scale;
|
background-color: $background-scale;
|
||||||
color: $accent;
|
color: $accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.current + box {
|
|
||||||
padding: 0px 7px;
|
|
||||||
border-radius: 20px;
|
|
||||||
background-color: $accent;
|
|
||||||
color: $foreground-light;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.occupied.previous-occupied {
|
&.occupied.previous-occupied {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue