From 9fc98317f9f896ab74b034fa74357cd61157e36b Mon Sep 17 00:00:00 2001
From: maTh <math-home@web.de>
Date: Fri, 31 Dec 2021 13:15:19 +0100
Subject: [PATCH] Fix: Thumbnails alt text overflow (#4085)

* CSS fix

* Fix RTL CSS

* fix CSS (order)
---
 p/themes/base-theme/template.css     | 3 +++
 p/themes/base-theme/template.rtl.css | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index 3ac7eea28..aff353cf6 100644
--- 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;
 }
 
diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css
index fd5436ec2..b009d0991 100644
--- 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;
 }