eliseuamaro/gnu-social
1
0
Fork 0
forked from GNUsocial/gnu-social
Code Issues Pull Requests Releases Wiki Activity

[CSS][Network] Minor fixes concerning attachment representation (centering and width)

Browse Source
This commit is contained in:
Diogo Peralta Cordeiro 2021-05-01 22:56:51 +01:00
parent 676210f76a
commit c948ca6178
3 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/assets/css/network/public.css
View File

@ -149,14 +149,13 @@
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
margin-top: var(--small-size); margin-top: var(--small-size);
justify-content: left; justify-content: center;
justify-self: left;
text-align: center; text-align: center;
} }
.note-attachments img { .note-attachments img {
order: 1; order: 1;
width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.note-attachments i { .note-attachments i {

5
public/assets/css/network/public_mid.css
View File

@ -147,14 +147,13 @@
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
margin-top: var(--small-size); margin-top: var(--small-size);
justify-content: left; justify-content: center;
justify-self: left;
text-align: center; text-align: center;
} }
.note-attachments img { .note-attachments img {
order: 1; order: 1;
width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.note-attachments i { .note-attachments i {

6
public/assets/css/network/public_small.css
View File

@ -147,14 +147,13 @@
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
margin-top: var(--small-size); margin-top: var(--small-size);
justify-content: left; justify-content: center;
justify-self: left;
text-align: center; text-align: center;
} }
.note-attachments img { .note-attachments img {
order: 1; order: 1;
width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.note-attachments i { .note-attachments i {
@ -321,6 +320,7 @@
font-weight: 400; font-weight: 400;
margin-left: 0.1em; margin-left: 0.1em;
margin-right: 1em; margin-right: 1em;
float: left;
} }
.scope #post_scope { .scope #post_scope {
order: 2; order: 2;