fix: app-navigation-toggle remains on screen on small viewports

Signed-off-by: Eduardo Morales <emoral435@gmail.com>
nextcloud-libraries · Jan 26, 2024 · 96a1f06 · 96a1f06
1 parent 7d726b4
commit 96a1f06
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
@@ -87,4 +87,11 @@ export default {
 button.app-navigation-toggle {
 	background-color: var(--color-main-background);
 }
+
+@media (max-width: 420px) {
+	// Positions the navigation toggle button on the smallers screens to still be visible
+	button.app-navigation-toggle {
+		right: -6px !important;
+	}
+}
 </style>