GNUsocial
/
gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/assets/css/base.css
View File

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