Properly align appnavigationtoggle

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
nextcloud-libraries · Jun 29, 2021 · 74f0512 · 74f0512
1 parent 195a36d
commit 74f0512
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/assets/variables.scss b/src/assets/variables.scss
@@ -55,3 +55,6 @@ $navigation-width: 300px;
 
 // mobile breakpoint
 $breakpoint-mobile: 1024px;
+
+// top-bar spacing
+$topbar-margin: 4px;
diff --git a/src/components/AppNavigationToggle/AppNavigationToggle.vue b/src/components/AppNavigationToggle/AppNavigationToggle.vue
@@ -79,8 +79,8 @@ export default {
 
 button.app-navigation-toggle {
 	position: absolute;
-	top: 0;
-	right: 0;
+	top: $topbar-margin;
+	right: - $topbar-margin;
 	margin-right: - $clickable-area;
 }