🐞 Bug: 11.7 - alert: Inhalte überlappen bei benutzerdefinierter Schriftart und Schriftgröße im Firefox

[Sommerli2]

Verify current release

• [X] I verified that the issue exists in the latest KoliBri v1 or v2 release

Link to the code that reproduces this issue

Kolibri Version 2.1.3

Which theme(s) are affected?

Default

Can you categorise where the error occurs? (If known)

No response

Which browser or operating system do you used to test KoliBri? (If available)

Firefox

Which component/area(s) are affected? (Select all that apply)

Alert

To Reproduce

Fehler tritt nur im Firefox auf! Einstellungen:

Current vs. Expected behavior

Aktuell:

Inhalte sollten auch bei benutzerdefinierten Schriftgrößen und Schriftarten nicht überlappen

Provide environment information

Kolibri Version 2.1.3
Build: f30a4d4 at 2024-06-28T04:09:59.035Z Windows 10
Firefox:115.12.0esr (64-Bit)

[laske185]

• [ ] Das Icon darf nicht überlagert werden
• [ ] Das X muss nicht zwingend zentriert sein
• [ ] Schließen-Button muss innerhalb des Fokusrahmens liegen

[Makko74]

Das Problem ist das KolIcon und zwar ist jede Komponente betroffen, die ein KolIcon verwendet

der Grund liegt hier:

@layer kol-theme-component { :host > i { width: 1em; height: 1em; } }

dies sorgt in diesem Beispiel dafür das 12px*12px gesetzt ist, aber das Icon viel größer

im Grunde müsste width und height auf 'auto' gesetzt werden Es müssten wahrscheinlich auch alle Themes angepasst werden

[laske185]

Betrifft Chrome genauso wie Firefox.

[deleonio]

A11y-Abnahme ist nicht erfolgt. Bitte um Nachtesten der PRs.