diff options
| author | Carl Schwan <carl@carlschwan.eu> | 2021-07-13 13:24:01 +0300 |
|---|---|---|
| committer | Carl Schwan <carl@carlschwan.eu> | 2021-07-13 17:34:44 +0300 |
| commit | d0afc49df2c99bb02b65080b16d0a8468ef468bc (patch) | |
| tree | 138192f969fe21742c2baef8603c35a93471741a /core/css | |
| parent | a8aeaa6c7be0b016df93a8893eb8d6d029fd01bc (diff) | |
Fix svg icons disapearing in app navigation when text overflows
The issue is caused by the icon being positionned with negative margins
and the `overflow: hidden` rule when hide the icon when the text
overflows. Remove positioning with negative margins. This was only
happening in Firefox.
This fix #23849
Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/apps.scss | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 370784c1785..2b25824aff9 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -267,7 +267,7 @@ kbd { justify-content: space-between; line-height: 44px; min-height: 44px; - padding: 0 12px 0 44px; + padding: 0 12px 0 14px; overflow: hidden; box-sizing: border-box; white-space: nowrap; @@ -277,11 +277,14 @@ kbd { flex: 1 1 0px; z-index: 100; /* above the bullet to allow click*/ /* TODO: forbid using img as icon in menu? */ + + .svg { + padding: 0 12px 0 44px; + } &:first-child img { margin-right: 11px; width: 16px; height: 16px; - margin-left: -30px; } /* counter can also be inside the link */ |