Checkboxen in Konfigurations-Dateien
Posted: Fri Nov 22, 2019 5:22 am
Die Checkboxen in den XH-Konfigurationsdateien (System und Plugins) sind unschön, klein und unter bestimmten Umständen manchmal schwer zu treffen.
Vorschlag
Öffnet die Datei \assets\core.css und fügt einfach ganz unten folgenden Code ein:
Nach dem Speichern könnt ihr das Ergebnis auf allen Konfigurationsseiten mit Checkboxen bewundern.
Was haltet ihr davon?
Vorschlag
Öffnet die Datei \assets\core.css und fügt einfach ganz unten folgenden Code ein:
Code: Select all
/* checkboxes */
div.xh_field input[type="checkbox"] {
-webkit-appearance: none !important;
appearance:none !important;
width: 3.5em !important;
height: 1.5em !important;
border:1px solid #ccc !important;
background:#eee !important;
position:relative !important;
display:inline-block !important;
overflow:hidden !important;
vertical-align:middle !important;
transition: background 0.3s !important;
box-sizing:border-box !important;
cursor: pointer;
margin: .2em 0 !important;
}
div.xh_field input[type="checkbox"]::after {
content: '\f10c' !important;
font-family: "FontAwesome";
color: #fff;
position: absolute !important;
top: -1px !important;
left: -1px !important;
width: 1.75em !important;
height: 1.5em !important;
background: #666 !important;
transition: left 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important;
text-align: center;
line-height: 1.5;
}
div.xh_field input[type="checkbox"]:checked::after {
content: '\f00c' !important;
font-family: "FontAwesome";
}
div.xh_field input[type="checkbox"]:checked {
background:#3c0 !important;
border-color:#ccc !important;
}
div.xh_field input[type="checkbox"]:checked:after {
left: 1.75em !important;
border-color:#ccc !important;
}
Was haltet ihr davon?