GNUsocial/gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

[CSS] Fixed radio button, it didnt change its own background upon being checked, making it invisible

Browse Source
This commit is contained in:
Eliseu Amaro 2022-01-02 19:31:20 +00:00 committed by Diogo Peralta Cordeiro
parent 28424402ec
commit 17b46b9aeb
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/assets/default_theme/css/widgets/buttons.css
View File

@ -1,29 +1,31 @@
input { input {
all: unset; all: unset;
} }
input[type=checkbox], input[type=checkbox] {
input[type=radio] {
all: unset; all: unset;
display: inline-block; display: inline-block;
cursor: pointer !important; cursor: pointer !important;
width: 1rem !important; width: 0.8rem !important;
height: 1rem !important; height: 0.8rem !important;
background: var(--accent) !important; background: var(--accent) !important;
} }
input[type=checkbox]:not(:hover, :focus), input[type=checkbox]:not(:hover, :focus) {
input[type=radio]:not(:hover, :focus) {
background: var(--foreground) !important; background: var(--foreground) !important;
} }
input[type=checkbox], input[type=checkbox] {
input[type=radio] {
border: unset !important; border: unset !important;
} }
input[type=radio] { input[type=radio] {
background: var(--background-hard) !important; display: inline-block;
width: var(--s) !important;
height: var(--s) !important;
padding-right: 4px !important;
background: var(--foreground);
box-shadow: inset 0 0 0 2px var(--foreground) !important;
border-radius: 50%;
} }
input[type=radio] { input[type=radio]:checked {
border-radius: 50% !important; background: var(--background-hard);
margin: 3px 3px 0 5px !important;
} }
input[type=file] { input[type=file] {
all: unset; all: unset;
@ -34,9 +36,6 @@ input[type=file] {
border-radius: var(--s); border-radius: var(--s);
background: var(--gradient) !important; background: var(--gradient) !important;
} }
input[type=radio] {
border: solid 0.25em !important;
}
input[type=checkbox] { input[type=checkbox] {
background-size: 100%; background-size: 100%;
margin-right: 2px; margin-right: 2px;