Removed inline preset options relics.

This commit is contained in:
hackademix 2020-06-01 18:00:35 +02:00
parent 26e6541d9b
commit 890c3a0a55
2 changed files with 2 additions and 47 deletions

View File

@ -329,51 +329,12 @@ span.preset {
overflow: visible; overflow: visible;
} }
button.options {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
background: none transparent;
font-family: sans-serif;
font-weight: bold;
color: #048;
text-shadow: -0.06em -0.06em 0.06em #fff, 0.13em 0.13em 0.13em #000;
padding: 0;
margin: 0;
}
.preset .options {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 0;
background: none;
font-size: 1em;
width: 1em;
height: 1em;
opacity: 0;
position: absolute;
bottom: 0.88em;
left: 1.13em;
pointer-events: none;
}
html:not(.mobile) :focus { html:not(.mobile) :focus {
outline: none; outline: none;
box-shadow: inset 3px 3px 3px rgba(255,255,100, .5), -3px -3px 3px rgba(255,255,100, .5), box-shadow: inset 3px 3px 3px rgba(255,255,100, .5), -3px -3px 3px rgba(255,255,100, .5),
-3px 3px 3px rgba(255,255,100, .5), 3px -3px 3px rgba(255,255,100, .5); -3px 3px 3px rgba(255,255,100, .5), 3px -3px 3px rgba(255,255,100, .5);
} }
/* uncomment me if we want to restore inline preset configuration
.preset:hover input.preset:checked ~ .options {
display: block;
opacity: 1;
bottom: 0.38em;
}
*/
input.preset[value="T_TRUSTED"] { input.preset[value="T_TRUSTED"] {
background-image: url(/img/ui-temp64.png); background-image: url(/img/ui-temp64.png);
} }

View File

@ -199,7 +199,6 @@ var UI = (() => {
<td class="presets"> <td class="presets">
<span class="preset"> <span class="preset">
<input id="preset" class="preset" type="radio" name="preset"><label for="preset" class="preset">PRESET</label> <input id="preset" class="preset" type="radio" name="preset"><label for="preset" class="preset">PRESET</label>
<button tabindex="-1" class="options tiny"></button>
<input tabindex="-1" id="temp" class="temp" type="checkbox"><label for="temp">Temporary</label></input> <input tabindex="-1" id="temp" class="temp" type="checkbox"><label for="temp">Temporary</label></input>
</span> </span>
</td> </td>
@ -256,9 +255,8 @@ var UI = (() => {
// PRESETS // PRESETS
{ {
let presets = row.querySelector(".presets"); let presets = row.querySelector(".presets");
let [span, input, label, options] = presets.querySelectorAll("span.preset, input.preset, label.preset, .options"); let [span, input, label] = presets.querySelectorAll("span.preset, input.preset, label.preset");
span.remove(); span.remove();
options.title = _("Options");
for (let [preset, customizable] of Object.entries(this.presets)) { for (let [preset, customizable] of Object.entries(this.presets)) {
let messageKey = UI.presets[preset]; let messageKey = UI.presets[preset];
input.value = preset; input.value = preset;
@ -273,11 +271,7 @@ var UI = (() => {
temp.nextElementSibling.remove(); temp.nextElementSibling.remove();
temp.remove(); temp.remove();
} }
if (customizable) {
clone.querySelector(".options").remove();
}
presets.appendChild(clone); presets.appendChild(clone);
} }
if (!UI.mobile) { if (!UI.mobile) {