Merge pull request #27936 from CarlSchwan/work/carl/fix-overflow-icon

Fix svg icons disapearing in app navigation when text overflows
nextcloud · Jul 13, 2021 · 2b623a4 · 2b623a4
2 parents 2a0bd66 + d0afc49
commit 2b623a4
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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 */