fix wallpaper reset, file input styling

This commit is contained in:
Iris Lightshard 2024-03-18 12:38:00 -06:00
parent 891cb9ef7b
commit 5bb05a9a23
Signed by: Iris Lightshard
GPG key ID: 688407174966CAF3
2 changed files with 13 additions and 4 deletions

View file

@ -250,7 +250,7 @@ form.editor input, form.build input, form.editor textarea, form.configurator inp
text-transform: uppercase; text-transform: uppercase;
display: inline-block; display: inline-block;
transition: background 1s, color 1s; transition: background 1s, color 1s;
z-index: 2; z-index: 1;
} }
#theme_cfg label.nohover, #theme_cfg label.nohover:hover { #theme_cfg label.nohover, #theme_cfg label.nohover:hover {
@ -310,7 +310,7 @@ form.editor input[type="submit"], form.build input[type="submit"], .danger-zone
transition: background 1s, color 1s; transition: background 1s, color 1s;
} }
form.editor input[type="submit"]:hover,form.build input[type="submit"]:hover, .danger-zone input[type="submit"]:hover, form.configurator input[type="submit"]:hover, .file-move input[type="submit"]:hover, .uploader input[type="submit"]:hover, .uploader label:hover, .mkdir input[type="submit"]:hover, .uploader button:hover{ form.editor input[type="submit"]:hover,form.build input[type="submit"]:hover, .danger-zone input[type="submit"]:hover, form.configurator input[type="submit"]:hover, .file-move input[type="submit"]:hover, .uploader input[type="submit"]:hover, .upload-wrapper:hover label, .mkdir input[type="submit"]:hover, .uploader button:hover{
background: var(--fg_color); background: var(--fg_color);
color: var(--bg_color); color: var(--bg_color);
} }
@ -373,12 +373,17 @@ form input[readonly] {
input[type="file"] { input[type="file"] {
opacity: 0; opacity: 0;
position: absolute; position: absolute;
z-index: 1; z-index: 2;
top: 5px; top: 5px;
height: 50px; height: 50px;
width: 110px; width: 110px;
} }
#theme_cfg input[type="file"] {
height: 35px;
width: 120px;
}
input[type="file"]:not(:valid) + .file-feedback::after { input[type="file"]:not(:valid) + .file-feedback::after {
content: "No file selected"; content: "No file selected";
height: 1em; height: 1em;

View file

@ -139,9 +139,13 @@ function resetBG(screen) {
} }
} }
rule.style.setProperty("background", `url('${saveData[screen + "Screen"]}`); const dataUrl = saveData[screen + "Screen"];
if (dataUrl) {
rule.style.setProperty("background", `url('${dataUrl}`);
rule.style.setProperty("background-size", "cover"); rule.style.setProperty("background-size", "cover");
rule.style.setProperty("background-attachment", "fixed"); rule.style.setProperty("background-attachment", "fixed");
}
} }
function initializeReaders() { function initializeReaders() {