Adjust toggle buttons in modal (#1615)
This commit is contained in:
parent
0a3d47edce
commit
67d0655314
1 changed files with 24 additions and 3 deletions
|
@ -151,15 +151,36 @@
|
||||||
border-left: 1px solid var(--color-border);
|
border-left: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-toggle {
|
button.button-toggle {
|
||||||
// background-color: rgba(var(--color-header-button-base), 0.4) !important;
|
// background-color: rgba(var(--color-header-button-base), 0.4) !important;
|
||||||
background-color: var(--color-header-background) !important;
|
background-color: var(--color-header-background) !important;
|
||||||
|
border: 2px solid var(--color-border);
|
||||||
|
border-right: 0px;
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: rgba(var(--color-header-button-base), 0.9) !important;
|
background-color: var(--color-border) !important;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
border-right: 0px;
|
||||||
|
}
|
||||||
|
&:last-of-type {
|
||||||
|
border-right: 2px solid var(--color-border);
|
||||||
|
&:hover {
|
||||||
|
border-right: 2px solid transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.button__label {
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button.button-toggle--active {
|
||||||
|
background-color: var(--color-border) !important;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
border-right: 0px;
|
||||||
|
&:last-child {
|
||||||
|
border-right: 2px solid transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-toggle--active,
|
|
||||||
.channel__list-item,
|
.channel__list-item,
|
||||||
.button--secondary {
|
.button--secondary {
|
||||||
// background-color: rgba(var(--color-header-button-base), 0.9) !important;
|
// background-color: rgba(var(--color-header-button-base), 0.9) !important;
|
||||||
|
|
Loading…
Reference in a new issue