blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

little css fixes

Browse source 
- fixed copy animation for elevated buttons
- placeholder input color is now also applied in firefox
This commit is contained in:
wukko 2023-07-19 23:21:12 +06:00
parent e48100c54d
commit 15dbf74c15
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/front/cobalt.css
View file

@ -81,10 +81,12 @@ a {
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }
::placeholder { ::placeholder,
::moz-placeholder {
color: var(--accent-subtext); color: var(--accent-subtext);
} }
.switches::-webkit-scrollbar, #popup-content::-webkit-scrollbar { .switches::-webkit-scrollbar,
#popup-content::-webkit-scrollbar {
display: none; display: none;
} }
:focus-visible { :focus-visible {
@ -169,12 +171,21 @@ button:active,
.collapse-header:active { .collapse-header:active {
box-shadow: 0 0 0 0.1rem var(--accent-highlight) inset; box-shadow: 0 0 0 0.1rem var(--accent-highlight) inset;
} }
.popup.small .switch {
background: var(--accent-button-elevated);
}
.popup.small .switch:hover {
background: var(--accent-hover-elevated);
}
.switch.text-backdrop, .switch.text-backdrop,
.switch.text-backdrop:hover, .switch.text-backdrop:hover,
.switch.text-backdrop:active, .switch.text-backdrop:active,
.text-to-copy.text-backdrop, .text-to-copy.text-backdrop,
.text-to-copy.text-backdrop:hover, .text-to-copy.text-backdrop:hover,
.text-to-copy.text-backdrop:active { .text-to-copy.text-backdrop:active,
.popup.small .switch.text-backdrop,
.popup.small .switch.text-backdrop:hover,
.popup.small .switch.text-backdrop:active {
background: var(--accent); background: var(--accent);
color: var(--background); color: var(--background);
box-shadow: 0 0 0 0.1rem var(--accent-highlight) inset; box-shadow: 0 0 0 0.1rem var(--accent-highlight) inset;
@ -356,12 +367,6 @@ button:active,
.popup.small .explanation { .popup.small .explanation {
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
} }
.popup.small .switch {
background: var(--accent-button-elevated);
}
.popup.small .switch:hover {
background: var(--accent-hover-elevated);
}
#close-error { #close-error {
background: var(--accent); background: var(--accent);
color: var(--background); color: var(--background);