Checkboxen in Konfigurations-Dateien

[frase]

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:

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;
}

Nach dem Speichern könnt ihr das Ergebnis auf allen Konfigurationsseiten mit Checkboxen bewundern.

Was haltet ihr davon?

[frase]

Ach übrigens:
In meinem experimentalen assets-Ordner ist das schon enthalten.
Download hier

[lck]

In meinem experimentalen assets-Ordner ist das schon enthalten.

Habe ich schon mal getestet. Lobenswert, sollte man mal in XH einpflegen.

[Caravaner]

Ach übrigens:
In meinem experimentalen assets-Ordner ist das schon enthalten.
Download hier

Hab sie gerade in mein Vorlagen-Web eingebaut. Finde sie gut. Bin gleicher Meinung wie ick.