fix preview modal overflow

mProjectsCode · mProjectsCode · commit a75e0cc73622 · 2022-10-14T16:25:03.000+02:00
diff --git a/styles.css b/styles.css
@@ -30,7 +30,6 @@ small.media-db-plugin-list-text{
 	display: flex;
 	flex-direction: column;
 	margin: 5px;
-	flex: 1;
 	overflow-y: auto;
 }
 
@@ -54,12 +53,12 @@ small.media-db-plugin-list-text{
 }
 
 .media-db-plugin-preview-modal {
-	display: flex;
-	flex-direction: column;
+	display: contents;
 }
 
 .media-db-plugin-preview-wrapper {
-	flex: 1;
+	display: flex;
+	flex-direction: column;
 	overflow-y: auto;
 }
 
@@ -117,7 +116,7 @@ small.media-db-plugin-list-text{
 }
 
 .media-db-plugin-button:focus {
-	outline: 1px solid white;
+	/*outline: 1px solid white;*/
 }
 
 /* endregion */

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,6 @@ small.media-db-plugin-list-text{`
`30`	`30`	`display: flex;`
`31`	`31`	`flex-direction: column;`
`32`	`32`	`margin: 5px;`
`33`		`- flex: 1;`
`34`	`33`	`overflow-y: auto;`
`35`	`34`	`}`
`36`	`35`
`@@ -54,12 +53,12 @@ small.media-db-plugin-list-text{`
`54`	`53`	`}`
`55`	`54`
`56`	`55`	`.media-db-plugin-preview-modal {`
`57`		`- display: flex;`
`58`		`- flex-direction: column;`
	`56`	`+ display: contents;`
`59`	`57`	`}`
`60`	`58`
`61`	`59`	`.media-db-plugin-preview-wrapper {`
`62`		`- flex: 1;`
	`60`	`+ display: flex;`
	`61`	`+ flex-direction: column;`
`63`	`62`	`overflow-y: auto;`
`64`	`63`	`}`
`65`	`64`
`@@ -117,7 +116,7 @@ small.media-db-plugin-list-text{`
`117`	`116`	`}`
`118`	`117`
`119`	`118`	`.media-db-plugin-button:focus {`
`120`		`- outline: 1px solid white;`
	`119`	`+ /outline: 1px solid white;/`
`121`	`120`	`}`
`122`	`121`
`123`	`122`	`/* endregion */`