7991 - Badge: style-Attribute in Komponente durch css-Styles ersetzen#8001
Conversation
| @Watch('_color') | ||
| public validateColor(value?: Stringified<PropColor>): void { | ||
| // Fallback auf SCSS-Styles, wenn _color nicht gesetzt ist | ||
| if (!value) { |
There was a problem hiding this comment.
Können wir hier nicht weiter mit der defaultValue-Eigenschaft arbeiten?
Das Problem das ich jetzt sehe ist, dass Props und State asynchron werden können.
There was a problem hiding this comment.
Danke für den Hinweis – ja, du hast recht.
So kann es zu inkonsistentem Verhalten kommen.
Ich werde das umstellen und arbeite weiterhin mit defaultValue wie zuvor, damit Props und State synchron bleiben.
|
|
||
| @Watch('_color') | ||
| public validateColor(value?: Stringified<PropColor>): void { | ||
| // Fallback auf SCSS-Styles, wenn _color nicht gesetzt ist |
There was a problem hiding this comment.
Die Kommentare müssten bitte alles noch auf Englisch.
There was a problem hiding this comment.
Ich werde sie auf Englisch umstellen.
|
|
||
| this.styleVars = { | ||
| '--kol-badge-bg-color': colorPair.backgroundColor, | ||
| '--kol-badge-text-color': colorPair.foregroundColor as string, |
There was a problem hiding this comment.
Ist nicht in diesem PR neu entstanden, aber ich vermute die type assertion ist nicht mehr notwendig?
There was a problem hiding this comment.
Danke für den Hinweis! Da foregroundColor aktuell als Stringified getypt ist, ist die Type Assertion (as string) momentan noch notwendig, um TypeScript zufriedenzustellen.
Gerne schaue ich mir das genauer an, wenn wir ColorPair vereinfachen und handleColorChange() so anpassen, dass dort immer ein eindeutiger string zurückgegeben wird.
There was a problem hiding this comment.
Danke für die Rückmeldung! Das muss nicht in diesem PR angefasst werden. Es war mir nur ins Auge gesprungen, weil backgroundColor und foregroundColor verschieden behandelt werden.
|
Leider abgelehnt - Danke @aTTiCuZ-CodingPage. |
3 participants
Refs: #7991
Refactoring der Farbvergabe in KolBadge-Komponente
Ziel des PRs:
Entfernung von Inline-Styles für background-color und color innerhalb der KolBadge-Komponente zugunsten von CSS-Variablen und SCSS-Defaults. Dadurch wird das Styling konsistenter, wartbarer und besser konfigurierbar durch externe Stylesheets.
Änderungen im Detail
Begründung
Tests & visuelles Verhalten