diff options
| author | Carl Schwan <carl@carlschwan.eu> | 2021-07-13 12:24:01 +0200 |
|---|---|---|
| committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2021-07-13 22:54:04 +0000 |
| commit | bee85ab1f07c6673a26f6497698376d6f3cc7b69 (patch) | |
| tree | 41e7a7b7fd4f3daafa96b9e6b7aa77b64a5b5164 /core/css | |
| parent | 9b2e9839f933e55a81a2cf5954bd3e99b0555e34 (diff) | |
| download | nextcloud-server-bee85ab1f07c6673a26f6497698376d6f3cc7b69.tar.gz nextcloud-server-bee85ab1f07c6673a26f6497698376d6f3cc7b69.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 */ |