Hides text labels on home nav when small width

gitkraken · Oct 6, 2022 · 5f123e3 · 5f123e3
1 parent b71742d
commit 5f123e3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/webviews/apps/home/home.html b/src/webviews/apps/home/home.html
@@ -15,21 +15,21 @@
 						href="https://help.gitkraken.com/gitlens/gitlens-release-notes-current/"
 						aria-label="What's New"
 						title="What's New"
-						><span class="codicon codicon-rocket"></span> What's New</a
+						><span class="codicon codicon-rocket"></span><span>What's New</span></a
 					>
 					<a
 						class="inline-nav__link inline-nav__link--text"
 						href="https://help.gitkraken.com/gitlens/gitlens-home/"
 						aria-label="Help Center"
 						title="Help Center"
-						><span class="codicon codicon-question"></span>Help</a
+						><span class="codicon codicon-question"></span><span>Help</span></a
 					>
 					<a
 						class="inline-nav__link inline-nav__link--text"
 						href="https://github.com/gitkraken/vscode-gitlens/issues"
 						aria-label="Feedback"
 						title="Feedback"
-						><span class="codicon codicon-feedback"></span>Feedback</a
+						><span class="codicon codicon-feedback"></span><span>Feedback</span></a
 					>
 				</div>
 				<div class="inline-nav__group">

diff --git a/src/webviews/apps/home/home.scss b/src/webviews/apps/home/home.scss
@@ -201,6 +201,12 @@ ul {
 			gap: 0.2rem;
 			min-width: 2.2rem;
 			width: fit-content;
+
+			@media (max-width: 368px) {
+				> :last-child {
+					display: none;
+				}
+			}
 		}
 	}
 }