eliseuamaro/gnu-social
1
0
Fork 0
forked from GNUsocial/gnu-social
Code Issues Pull Requests Releases Wiki Activity

[CSS] Light theme panels background image fix. Input elements with proper padding.

Browse Source
This commit is contained in:
Eliseu Amaro 2021-09-06 19:33:51 +01:00 committed by Hugo Sales
parent 7a0e256557
commit 9f6acc04aa
Signed by untrusted user: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/assets/css/base.css
View File

@ -450,11 +450,14 @@ input {
display: block; display: block;
position: relative; position: relative;
color: var(--white); color: var(--white);
padding: 5px 10px; padding: 2px 8px;
border: 2px solid var(--bg2) !important; border: 2px solid var(--bg2) !important;
border-radius: var(--unit-size) !important; border-radius: var(--unit-size) !important;
background-color: var(--translucent) !important; background-color: var(--translucent) !important;
} }
button {
padding: 5px 10px;
}
select { select {
-webkit-appearance: none !important; -webkit-appearance: none !important;
@ -684,4 +687,19 @@ input[type=file] {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@media (prefers-color-scheme: dark) {
#panel-left-toggle:checked ~ .panel-content,
#panel-right-toggle:checked ~ .panel-content,
a[id|="anchor"]:target ~ .panel-content {
background-image: url(../images/bg.png);
}
}
@media (prefers-color-scheme: light) {
#panel-left-toggle:checked ~ .panel-content,
#panel-right-toggle:checked ~ .panel-content,
a[id|="anchor"]:target ~ .panel-content {
background-image: url(../images/bg-light.png);
}
}
} }