fix(FilePicker): Adjust margin of view-selector to be consistent with filter input

susnux · susnux · commit efec2be46a56 · 2024-03-06T17:20:12.000+01:00
Signed-off-by: Ferdinand Thiessen &lt;opensource@fthiessen.de&gt;
diff --git a/lib/components/FilePicker/FilePickerNavigation.vue b/lib/components/FilePicker/FilePickerNavigation.vue
@@ -87,6 +87,8 @@ const updateFilterValue = (value: string) => emit('update:filterString', value)
 		min-width: 200px;
 		// ensure focus outline is visible
 		padding: 2px;
+		// align with input
+		margin-block-start: 7px;
 		// make only the navigation scroll
 		overflow: auto;
 
@@ -109,7 +111,6 @@ const updateFilterValue = (value: string) => emit('update:filterString', value)
 		&__side {
 			flex-direction: row;
 			min-width: unset;
-
 		}
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -87,6 +87,8 @@ const updateFilterValue = (value: string) => emit('update:filterString', value)`
`87`	`87`	`min-width: 200px;`
`88`	`88`	`// ensure focus outline is visible`
`89`	`89`	`padding: 2px;`
	`90`	`+ // align with input`
	`91`	`+ margin-block-start: 7px;`
`90`	`92`	`// make only the navigation scroll`
`91`	`93`	`overflow: auto;`
`92`	`94`
`@@ -109,7 +111,6 @@ const updateFilterValue = (value: string) => emit('update:filterString', value)`
`109`	`111`	`&__side {`
`110`	`112`	`flex-direction: row;`
`111`	`113`	`min-width: unset;`
`112`		`-`
`113`	`114`	`}`
`114`	`115`	`}`
`115`	`116`	`}`