Change css properties for .invisible class (wcag compatible)

This commit is contained in:
idotj 2023-01-12 17:59:25 +01:00
parent d66717a138
commit 26cd6781c4

View File

@ -2,7 +2,6 @@
/* More info at: */ /* More info at: */
/* https://gitlab.com/idotj/mastodon-embed-feed-timeline */ /* https://gitlab.com/idotj/mastodon-embed-feed-timeline */
/* Main container */ /* Main container */
.mt-timeline { .mt-timeline {
height: calc(100% - 4rem); height: calc(100% - 4rem);
@ -26,7 +25,12 @@
} }
.mt-body .invisible { .mt-body .invisible {
display: none; font-size: 0;
line-height: 0;
display: inline-block;
width: 0;
height: 0;
position: absolute;
} }
/* Toot container */ /* Toot container */
@ -80,7 +84,7 @@
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
.toot-text .ellipsis::after { .toot-text .ellipsis::after {
content:'...'; content: "...";
} }
.mt-error { .mt-error {
color: darkred; color: darkred;