Dies ist eine alte Version des Dokuments!
Custom CSS in Nextcloud
Kontakte
Ich verwende die Kontakte App sehr intensiv und verwalte weit über 1000 Adressen. Um einen Überblick zu erhalten, verwende ich das Feld Kontaktgruppen sehr intensiv.
Allerdings ist das Feld sehr klein und unübersichtlich, hat mah mehrere Einträge zu einer Adresse. Hier kommt die App custom_css ins Spiel.
Nach der Installation der App über den Nextcloud App-Store als Administrator hat man bei den Administrationseinstellungen-Design ein Feld Benutzerdefiniertes Design.
In dieses Feld trägt man das benutzerdefinierte CSS ein.
/* Nextcloud Kontakte:
Kontaktgruppen mehrzeilig und etwas höher */
.property--groups .vs__dropdown-toggle {
min-height: 100px !important;
height: auto !important;
align-items: flex-start !important;
}
.property--groups .vs__selected-options {
flex-wrap: wrap !important;
align-content: flex-start !important;
overflow: visible !important;
}
min-height: 100px beschreibt die Höhe des Feldes.
Dieses SCC wird in der Datenbank gespeichert und überlebt in der Regel Releaseupdates. Sollte sich die Kontakte App in diesem Bereich ändern, müsste man das Script eventuell anpassen.