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 {
|
||||
@include segment;
|
||||
padding: 3px 5px;
|
||||
padding: 3px;
|
||||
|
||||
.workspace-button {
|
||||
padding: 0px 5px;
|
||||
border-radius: 20px;
|
||||
min-width: 23px;
|
||||
border-radius: 100%;
|
||||
color: #51587a;
|
||||
|
||||
&.current + box {
|
||||
border-radius: 100%;
|
||||
background-color: $accent;
|
||||
color: $foreground-light;
|
||||
}
|
||||
|
||||
&.occupied {
|
||||
background-color: $background-scale;
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
&.current + box {
|
||||
padding: 0px 7px;
|
||||
border-radius: 20px;
|
||||
background-color: $accent;
|
||||
color: $foreground-light;
|
||||
}
|
||||
|
||||
&.occupied.previous-occupied {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue