scss: force height of file input when it displays a thumbnail (#40712 )

2020-03-13 10:43:01 +01:00
1 changed files with 9 additions and 1 deletions
--- a/static/includes/wcs/_bulk.scss
+++ b/static/includes/wcs/_bulk.scss
@ -439,7 +439,6 @@ span.geoloc-error {

 .fileinfo {
 	line-height: 1.5em;
-	height: 100%;
 }

 div.fileinfo a.remove {
@ -595,6 +594,15 @@ div.file-upload-widget {
 	}
 	&.widget-readonly {
 		div.file-button {
+			// sizing is a bit complicated for image thumbnails, we have
+			// .file-button > .fileinfo > img
+			// .file-button is set to a fixed height
+			// .fileinfo is set to use all of it (height: 100%)
+			// img is set to fill whatever is possible (max-height: 100%)
+			height: 150px;
+			.fileinfo.thumbnail {
+				height: 100%;
+			}
 			div.widget-message {
 				display: none;
 			}