Checkboxen in Konfigurations-Dateien

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
Post Reply
frase
Posts: 3010
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Checkboxen in Konfigurations-Dateien

Post by frase » 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:

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
Posts: 3010
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Checkboxen in Konfigurations-Dateien

Post by frase » Fri Nov 22, 2019 5:46 am

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

lck
Posts: 1785
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: Checkboxen in Konfigurations-Dateien

Post by lck » Fri Nov 22, 2019 5:29 pm

frase wrote:
Fri Nov 22, 2019 5:46 am
In meinem experimentalen assets-Ordner ist das schon enthalten.
Habe ich schon mal getestet. Lobenswert, sollte man mal in XH einpflegen.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

Caravaner
Posts: 40
Joined: Sat Oct 05, 2019 5:20 pm
Location: Wadgassen (Saarland)
Contact:

Re: Checkboxen in Konfigurations-Dateien

Post by Caravaner » Tue Nov 26, 2019 9:38 am

frase wrote:
Fri Nov 22, 2019 5:46 am
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.
Ich bin > 65 und lerne jeden Tag was Neues. Dafür vergesse ich was Anderes.
Der Trick ist, sich nicht darüber aufzuregen und morgen zu lernen, was man vorgestern vergessen hat. ;)
http://template.lembach-kr.de

Post Reply