LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Adjust toggle buttons in modal (#1615)

Browse source
This commit is contained in:
Rave | 図書館猫 2022-06-01 12:39:32 +02:00 committed by GitHub
parent 0a3d47edce
commit 67d0655314
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
ui/scss/component/_modal.scss
View file

@ -151,15 +151,36 @@
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: var(--color-header-background) !important;
border: 2px solid var(--color-border);
border-right: 0px;
&: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,
.button--secondary {
// background-color: rgba(var(--color-header-button-base), 0.9) !important;