fix(FilePicker): Ensure height is always set to file picker value

susnux · susnux · commit 7a1df2806fdd · 2023-11-02T03:06:05.000+01:00
Signed-off-by: Ferdinand Thiessen &lt;opensource@fthiessen.de&gt;
diff --git a/lib/components/FilePicker/FilePicker.vue b/lib/components/FilePicker/FilePicker.vue
@@ -291,13 +291,13 @@ export default {
 	}
 }
 
-:deep(.file-picker) {
+:deep(.dialog.file-picker) {
 	// Dialog is max. 900px wide so the best looking height seems to be 800px
 	height: min(80vh, 800px);
 }
 
 @media (max-width: 512px) {
-	:deep(.file-picker) {
+	:deep(.dialog.file-picker) {
 		// below 512px the modal is fullscreen so we use 100% height - margin of heading (4px + 12px) - height of heading (default-clickable-area)
 		height: calc(100% - 16px - var(--default-clickable-area));
 	}

Original file line number	Diff line number	Diff line change
`@@ -291,13 +291,13 @@ export default {`
`291`	`291`	`}`
`292`	`292`	`}`
`293`	`293`
`294`		`-:deep(.file-picker) {`
	`294`	`+:deep(.dialog.file-picker) {`
`295`	`295`	`// Dialog is max. 900px wide so the best looking height seems to be 800px`
`296`	`296`	`height: min(80vh, 800px);`
`297`	`297`	`}`
`298`	`298`
`299`	`299`	`@media (max-width: 512px) {`
`300`		`- :deep(.file-picker) {`
	`300`	`+ :deep(.dialog.file-picker) {`
`301`	`301`	`// below 512px the modal is fullscreen so we use 100% height - margin of heading (4px + 12px) - height of heading (default-clickable-area)`
`302`	`302`	`height: calc(100% - 16px - var(--default-clickable-area));`
`303`	`303`	`}`