From 8871334af89684ef7ec9e3cd387c82bb63d307d2 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 10 Feb 2023 13:35:43 +0800
Subject: [PATCH] Allow 2-line clamp for alt tag on small screens too
---
src/components/status.css | 23 ++++++++---------------
1 file changed, 8 insertions(+), 15 deletions(-)
diff --git a/src/components/status.css b/src/components/status.css
index 58e332aa..2f71e3a3 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -542,21 +542,14 @@
font-size: 90%;
}
.carousel-item button.media-alt .media-alt-desc {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- line-height: 1.4;
-}
-@media (min-width: 40em) {
- .carousel-item button.media-alt .media-alt-desc {
- white-space: normal;
- display: -webkit-box;
- display: box;
- -webkit-box-orient: vertical;
- box-orient: vertical;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- }
+ white-space: normal;
+ display: -webkit-box;
+ display: box;
+ -webkit-box-orient: vertical;
+ box-orient: vertical;
+ -webkit-line-clamp: 2;
+ line-clamp: 2;
+ line-height: 1.2;
}
.carousel-item button.media-alt[hidden] {
opacity: 0;