[CSS] Note attachments rules simplified. Proper resizing on smaller views.

This commit is contained in:
Eliseu Amaro 2021-09-17 00:23:51 +01:00 committed by Diogo Peralta Cordeiro
parent a4a7039786
commit 2de071ca7e
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
1 changed files with 3 additions and 8 deletions

View File

@ -380,7 +380,7 @@ hr {
margin-bottom: var(--unit-size);
}
.note-attachments {
.note-attachments * {
display: flex;
max-width: 100%;
}
@ -392,19 +392,14 @@ hr {
border-radius: var(--unit-size);
background-color: var(--translucent);
padding: var(--small-size);
max-width: 100%;
}
.note-attachments > figure > img,
.note-attachments > figure > video {
width: min-content;
.note-attachments > figure * {
width: max-content;
height: auto;
}
.note-attachments > figure figcaption {
display: flex;
max-width: 100%;
word-break: break-all;
padding-top: var(--small-size);
}