Fix menu position without header figure

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
nextcloud-libraries · Apr 11, 2019 · 203df94 · 203df94
1 parent c62fd6f
commit 203df94
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/AppSidebar/AppSidebar.vue b/src/components/AppSidebar/AppSidebar.vue
@@ -26,7 +26,7 @@
 <template>
 	<transition name="slide-right">
 		<aside id="app-sidebar">
-			<header class="app-sidebar-header">
+			<header :class="{ 'app-sidebar-header--with-figure': hasFigure }" class="app-sidebar-header">
 				<!-- close sidebar button -->
 				<a href="#" class="icon-close" :title="t('core', 'close')"
 					@click="closeSidebar" />
@@ -326,6 +326,17 @@ $desc-vertical-padding: 18px;
 			max-height: 50px;
 			align-items: center;
 		}
+
+		// menu without figure needs to be fixed or
+		// it'll go over the close icon
+		&:not(.app-sidebar-header--with-figure) {
+			.app-sidebar-header__menu {
+				background-color: transparent;
+				top: 0;
+				right: 44px;
+				margin-top: 0;
+			}
+		}
 	}
 	.app-sidebar-tabs {
 		&__nav {