mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-14 04:08:32 +03:00
Code Issues Projects Releases Packages Wiki Activity

Allow 2-line clamp for alt tag on small screens too

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-10 13:35:43 +08:00
parent 45be17b93a
commit 8871334af8
1 changed files with 8 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/status.css
View file

@ -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;