upd: new default menu style

bridge-core · Jun 26, 2022 · 6acafac · 6acafac
1 parent 3e63d47
commit 6acafac
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 5 deletions.
diff --git a/src/components/Editors/TreeEditor/Tab.vue b/src/components/Editors/TreeEditor/Tab.vue
@@ -46,6 +46,9 @@
 					maxHeight: 124,
 					top: false,
 					contentClass: 'json-editor-suggestions-menu',
+					rounded: 'lg',
+					'nudge-top': -8,
+					transition: 'slide-y-transition',
 				}"
 				:label="
 					isUsingBridgePredictions
@@ -95,6 +98,9 @@
 					maxHeight: 124,
 					top: false,
 					contentClass: 'json-editor-suggestions-menu',
+					rounded: 'lg',
+					'nudge-top': -8,
+					transition: 'slide-y-transition',
 				}"
 				:label="t('editors.treeEditor.addValue')"
 				class="mx-4"
@@ -133,6 +139,9 @@
 					maxHeight: 124,
 					top: false,
 					contentClass: 'json-editor-suggestions-menu',
+					rounded: 'lg',
+					'nudge-top': -8,
+					transition: 'slide-y-transition',
 				}"
 				:label="t('editors.treeEditor.edit')"
 				outlined

diff --git a/src/components/Projects/CreateProject/CreateProject.vue b/src/components/Projects/CreateProject/CreateProject.vue
@@ -229,12 +229,17 @@
 					v-model="createOptions.targetVersion"
 					:label="t('windows.createProject.projectTargetVersion')"
 					autocomplete="off"
+					:menu-props="{
+						maxHeight: 220,
+						rounded: 'lg',
+						'nudge-top': -8,
+						transition: 'slide-y-transition',
+					}"
 					:items="availableTargetVersions"
 					:loading="availableTargetVersionsLoading"
 					class="ml-2"
 					outlined
 					dense
-					:menu-props="{ maxHeight: 220 }"
 				/>
 			</div>
 

diff --git a/src/components/Toolbar/Menu/Activator.vue b/src/components/Toolbar/Menu/Activator.vue
@@ -3,8 +3,9 @@
 		v-model="item.isVisible"
 		min-width="260px"
 		offset-y
-		tile
 		z-index="11"
+		:nudge-top="-8"
+		rounded="lg"
 	>
 		<template v-slot:activator="{ on }">
 			<MenuButton

diff --git a/src/components/Toolbar/Menu/MenuList.vue b/src/components/Toolbar/Menu/MenuList.vue
@@ -11,8 +11,9 @@
 				:key="`menu.${i}.${Math.random()}`"
 				open-on-hover
 				offset-x
-				tile
 				z-index="11"
+				:nudge-top="-8"
+				rounded="lg"
 			>
 				<template v-slot:activator="{ on }">
 					<v-list-item

diff --git a/src/components/Windows/Project/CreatePreset/PresetWindow.vue b/src/components/Windows/Project/CreatePreset/PresetWindow.vue
@@ -96,7 +96,12 @@
 					:disabled="opts.isLoading"
 					v-model="content.models[id]"
 					:items="opts.options"
-					:menu-props="{ maxHeight: 220 }"
+					:menu-props="{
+						maxHeight: 220,
+						rounded: 'lg',
+						'nudge-top': -8,
+						transition: 'slide-y-transition',
+					}"
 					:label="name"
 					autocomplete="off"
 					outlined

diff --git a/src/components/Windows/Project/FilePicker/FilePicker.vue b/src/components/Windows/Project/FilePicker/FilePicker.vue
@@ -17,6 +17,12 @@
 				:cache-items="false"
 				dense
 				:no-data-text="t('windows.openFile.noData')"
+				:menu-props="{
+					rounded: 'lg',
+					dense: true,
+					'nudge-top': -8,
+					transition: 'slide-y-transition',
+				}"
 				:filter="filter"
 				outlined
 				auto-select-first

diff --git a/src/components/Windows/Settings/Controls/Selection/Selection.vue b/src/components/Windows/Settings/Controls/Selection/Selection.vue
@@ -12,7 +12,12 @@
 					@change="onChange"
 					:items="config.options"
 					hide-details
-					:menu-props="{ maxHeight: 220 }"
+					:menu-props="{
+						maxHeight: 220,
+						rounded: 'lg',
+						'nudge-top': -8,
+						transition: 'slide-y-transition',
+					}"
 				/>
 			</div>