Wildcard für CSS Klassen
[class*="col-"] {
background-color: hotpink;
}
Anzahl der Zeilen mit CSS beschränken
Aktuell noch mit Stylelint-Ignore :)
Die Länge eines Textes mit Javascript überprüfen
Die Anforderung war bei mehr als 50 Zeichen eine kleinere Schriftgröße anzuzeigen. Über 50 Zeichen wird eine CSS-Klasse in das Parent-Div einer h1 geschrieben.
Konfiguration Verzeichnis in Drupal 9
Das Konfiguration Verzeichnis in Drupal 9 kann mit folgender Zeile in der settings.php wieder in das Document Root verschoben werden:
Click Event-Listner anstatt Hover auf Mobil-Clients
In einem Projekt sollte ein CTA, der durch Hover aus dem negative Margin geholt wurde, mobil durch ein Klick-Event verfügbar gemacht werden.
CSS Checkboxen und Input Styles
Die Checkbox Styles, wenn input und label Siblings sind.
"Load more" Button in Vanilla Javascript
Beispiel für eine "Mehr laden" Funktionalität.
"Mehr lesen" Accordion in Vanilla Javascript
Vanilla Javascript für "Mehr lesen" als verstecktes Div.
Anonymen User in Drupal mittels Conditional abfragen
Zuerst das currentUser Objekt laden, dann den Vergleich starten.