Fix: Thumbnails alt text overflow (#4085)

* CSS fix * Fix RTL CSS * fix CSS (order)
3 years ago · 9fc98317f9
parent f905ad772e
commit 9fc98317f9
2 changed files with 6 additions and 0 deletions
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@ -803,8 +803,11 @@ input[type="search"] {
 }

 .flux .item.thumbnail img {
+	background: repeating-linear-gradient( -45deg, #ddd, #ddd 5px, transparent 5px, transparent 10px );
+	display: inline-block;
 	width: 100%;
 	height: 100%;
+	overflow: hidden;
 	object-fit: cover;
 }

--- a/p/themes/base-theme/template.rtl.css
+++ b/p/themes/base-theme/template.rtl.css
@ -803,8 +803,11 @@ input[type="search"] {
 }

 .flux .item.thumbnail img {
+	background: repeating-linear-gradient( 45deg, #ddd, #ddd 5px, transparent 5px, transparent 10px );
+	display: inline-block;
 	width: 100%;
 	height: 100%;
+	overflow: hidden;
 	object-fit: cover;
 }