fix wallpaper reset, file input styling
This commit is contained in:
parent
891cb9ef7b
commit
5bb05a9a23
2 changed files with 13 additions and 4 deletions
|
@ -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;
|
||||||
|
|
|
@ -139,10 +139,14 @@ 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() {
|
||||||
loginBgReader.addEventListener("load", () => {
|
loginBgReader.addEventListener("load", () => {
|
||||||
|
|
Loading…
Reference in a new issue