Friendica/friendica-github
1
0
Fork 0
mirror of https://github.com/friendica/friendica synced 2024-11-18 00:23:47 +00:00
Code Issues Projects Releases Packages Wiki Activity

Normalize padding in image grid

Browse source 
- Remove outside padding, vertical and horizontal
- Remove artificial padding with <br> in content/image.tpl
This commit is contained in:
Hypolite Petovan 2022-12-12 21:56:23 -05:00
parent ed805d1af2
commit 2fa9d49632
2 changed files with 8 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
view/global.css
View file

@ -687,25 +687,22 @@ audio {
.imagegrid-row { .imagegrid-row {
display: -ms-flexbox; /* IE10 */ display: -ms-flexbox; /* IE10 */
display: flex; display: flex;
-ms-flex-wrap: wrap; /* IE10 */ margin-top: 1em;
flex-wrap: wrap; column-gap: 5px;
padding: 0 4px;
box-sizing: border-box;
} }
/* Create four equal columns that sits next to each other */
.imagegrid-column { .imagegrid-column {
-ms-flex: 50%; /* IE10 */ -ms-flex: 50%; /* IE10 */
flex: 50%; flex: 50%;
max-width: 50%; display: -ms-flexbox; /* IE10 */
padding: 0 4px; display: flex;
box-sizing: border-box; flex-direction: column;
row-gap: 5px;
} }
.imagegrid-column img { .imagegrid-column img {
margin-top: 8px; -ms-flex: 50%; /* IE10 */
vertical-align: middle; flex: 50%;
width: 100%;
} }
/** /**
* Image grid settings END * Image grid settings END

1
view/templates/content/image.tpl
View file

@ -3,4 +3,3 @@
{{else}} {{else}}
<img src="{{$image.src}}" alt="{{$image.attachment.description}}" title="{{$image.attachment.description}}"> <img src="{{$image.src}}" alt="{{$image.attachment.description}}" title="{{$image.attachment.description}}">
{{/if}} {{/if}}
<br>