Removed inline preset options relics.
This commit is contained in:
parent
26e6541d9b
commit
890c3a0a55
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
Loading…
Reference in New Issue