diff options
| author | Carl Schwan <carl@carlschwan.eu> | 2021-07-13 12:24:01 +0200 |
|---|---|---|
| committer | Carl Schwan <carl@carlschwan.eu> | 2021-07-14 12:56:46 +0200 |
| commit | 65053128171874b06e9d1a7b4c5fafa6f1eeda60 (patch) | |
| tree | 30244aab3e38428fa45543ca56eb2d53966c0e3d /core/css | |
| parent | 49d7a7b896dee26a50e7f851b6d791466593d013 (diff) | |
| download | nextcloud-server-65053128171874b06e9d1a7b4c5fafa6f1eeda60.tar.gz nextcloud-server-65053128171874b06e9d1a7b4c5fafa6f1eeda60.zip | |
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 */ |