Просмотр исходного кода

Add ability to change margin-top of menu-tooltip component

sbkwgh 7 лет назад
Родитель
Сommit
119ecce9e6
2 измененных файлов с 3 добавлено и 2 удалено
  1. 1 1
      frontend/src/components/MenuButton.vue
  2. 2 1
      frontend/src/components/MenuTooltip.vue

+ 1 - 1
frontend/src/components/MenuButton.vue

@@ -1,5 +1,5 @@
 <template>
-	<menu-tooltip v-model='menuOpen'>
+	<menu-tooltip v-model='menuOpen' top='-4rem'>
 		<div class='menu_button__icon' @click='menuOpen = true' slot='button'>
 			<slot></slot>
 		</div>

+ 2 - 1
frontend/src/components/MenuTooltip.vue

@@ -11,6 +11,7 @@
 		<div
 			class='menu_tooltip__menu'
 			:class='{ "menu_tooltip__menu--show": value }'
+			:style='{ "margin-top": top }'
 		>
 			<div class='menu_tooltip__menu__inner'>
 				<slot name='menu'></slot>
@@ -22,7 +23,7 @@
 <script>
 	export default {
 		name: 'MenuTooltip',
-		props: ['value']
+		props: ['value', 'top']
 	}
 </script>