From 76fc64f48e7e744cbefeda7342987c1959738731 Mon Sep 17 00:00:00 2001
From: Matteo Piovanelli <MatteoPiovanelli-Laser@users.noreply.github.com>
Date: Thu, 4 Feb 2021 19:06:04 +0100
Subject: [PATCH] Fixed conflict with style for layouts (#8456)

the .overlay is used for different things in MediaLibraryPickerField and Layouts, and as it was the styles would conflict. This should fix it.
---
 .../Styles/media-library-picker-admin.css                     | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/Orchard.Web/Modules/Orchard.MediaLibrary/Styles/media-library-picker-admin.css b/src/Orchard.Web/Modules/Orchard.MediaLibrary/Styles/media-library-picker-admin.css
index 6838bdaee..c55f76d2a 100644
--- a/src/Orchard.Web/Modules/Orchard.MediaLibrary/Styles/media-library-picker-admin.css
+++ b/src/Orchard.Web/Modules/Orchard.MediaLibrary/Styles/media-library-picker-admin.css
@@ -48,6 +48,8 @@
     text-align: right;
     font-size: 12px;
     opacity: 0.6;
+}
+.thumbnail .overlay {
     height: 40px;
     overflow: hidden;
 }
@@ -56,6 +58,8 @@
     padding-right:5px;
     font-size: 12px;
     overflow: hidden;
+}
+.thumbnail .overlay h3 {
     height: 1rem;
     white-space: nowrap;
     text-overflow: ellipsis;