admin/Smart-Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ueberall dasselbe Beschattungs-Symbol (bi-beschattung)

Browse Source 
Raum-Modal, Zeitleiste und Automatik-Editor zeigten drei verschiedene
Zeichen; bi-blinds gibt es in der Icon-Schrift gar nicht. Das neue Symbol
liegt als CSS-Maske in solar.css und verhaelt sich wie ein Icon aus der
Schrift.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
admin
2026-09-16 07:37:42 +02:00
co-authored by Claude Opus 5
parent 7caa3850d5
commit fe8630eb4f
5 changed files with 30 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/solar.css
+20
View File
@@ -91,6 +91,26 @@ body.bg-body-tertiary,
}
.app-header { box-shadow: 0 1px 0 var(--ton-linie); }
/* --- Eigene Symbole ------------------------------------------------------
Fuer Dinge, die Bootstrap Icons nicht kennt. Gezeichnet als Maske in
currentColor, damit sie sich wie ein Symbol aus der Schrift verhalten:
<i class="bi bi-beschattung"></i> - Groesse, Farbe und Ausrichtung wie
bei allen anderen. bootstrap-icons.min.css laedt nach dieser Datei, daher
.bi doppelt im Selektor.
bi-beschattung: Kasten, zwei Lamellen, Endleiste - ein Raffstore. Bewusst
nur vier Balken mit viel Luft dazwischen: mit Fuehrungsschienen und drei
Lamellen lief das Zeichen bei 16 px zu einem Block zusammen. Ueberall dasselbe: Raum-Modal, Zeitleiste, Editor.
-------------------------------------------------------------------------- */
.bi.bi-beschattung::before {
content: "";
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Crect x=%221.5%22 y=%221.6%22 width=%2213%22 height=%222.6%22 rx=%22.9%22/%3E%3Crect x=%222.6%22 y=%225.7%22 width=%2210.8%22 height=%221.7%22 rx=%22.85%22/%3E%3Crect x=%222.6%22 y=%228.6%22 width=%2210.8%22 height=%221.7%22 rx=%22.85%22/%3E%3Crect x=%221.5%22 y=%2211.8%22 width=%2213%22 height=%222.6%22 rx=%22.9%22/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Crect x=%221.5%22 y=%221.6%22 width=%2213%22 height=%222.6%22 rx=%22.9%22/%3E%3Crect x=%222.6%22 y=%225.7%22 width=%2210.8%22 height=%221.7%22 rx=%22.85%22/%3E%3Crect x=%222.6%22 y=%228.6%22 width=%2210.8%22 height=%221.7%22 rx=%22.85%22/%3E%3Crect x=%221.5%22 y=%2211.8%22 width=%2213%22 height=%222.6%22 rx=%22.9%22/%3E%3C/svg%3E") center / contain no-repeat;
}
/* --- Karten --------------------------------------------------------------
Eine Karte ist eine Flaeche, kein Kasten: ein Ton heller als der Grund, eine
Haarlinie als Rand, kein Schlagschatten. Der Schatten trennte frueher, was