simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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%; font-size: 90%;
} }
.carousel-item button.media-alt .media-alt-desc { .carousel-item button.media-alt .media-alt-desc {
white-space: nowrap; white-space: normal;
overflow: hidden; display: -webkit-box;
text-overflow: ellipsis; display: box;
line-height: 1.4; -webkit-box-orient: vertical;
} box-orient: vertical;
@media (min-width: 40em) { -webkit-line-clamp: 2;
.carousel-item button.media-alt .media-alt-desc { line-clamp: 2;
white-space: normal; line-height: 1.2;
display: -webkit-box;
display: box;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
} }
.carousel-item button.media-alt[hidden] { .carousel-item button.media-alt[hidden] {
opacity: 0; opacity: 0;