mirrors/mycorrhiza
1
0
Fork 0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2024-12-04 18:19:54 +00:00
Code Issues Releases Wiki Activity

Img: Put captions to the right for normal galleries

Browse Source 
* It is places as usual on narrow screens.
* The gray background is removed too.
This commit is contained in:
Timur Ismagilov 2022-04-24 16:28:56 +03:00
parent b581221445
commit 9136622ffc
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/default.css
View File

@ -148,8 +148,7 @@ article pre.codeblock { padding:.5rem; white-space: pre-wrap; border-radius: .25
.upload-amnt__unattach { display: block; }
aside { clear: both; }
.img-gallery { text-align: center; margin-top: .25rem; margin-bottom: .25rem; }
.img-gallery_many-images { border-radius: .25rem; padding: .5rem; }
.img-gallery { margin-top: .25rem; margin-bottom: .25rem; }
@media screen and (min-width: 700px) {
.img-gallery_layout-grid {
display: grid;
@ -161,6 +160,22 @@ aside { clear: both; }
max-width: 50%;
margin-left: 1em;
}
.img-gallery_layout-normal .img-gallery__entry {
}
.img-gallery_layout-normal .img-gallery__entry > a {
display: inline-block;
width: calc(100% - 320px);
}
.img-gallery_layout-normal .img-gallery__entry > a > img {
max-width: 100%;
}
.img-gallery_layout-normal figcaption {
display: inline-block;
width: 300px;
position: absolute;
padding-left: 1rem;
}
}
.img-gallery img { max-width: 100%; max-height: 50vh; }
figure { margin: 0; }
@ -204,7 +219,6 @@ caption { caption-side: top; font-size: small; }
p code,
article .codeblock,
.img-gallery_many-images,
.recent-changes__entry,
table,
.transclusion_stand-out {
@ -265,7 +279,6 @@ input[type="text"], input[type="password"],
.btn,
article code,
article .codeblock,
.img-gallery_many-images,
.recent-changes__entry,
.history__entry,
.upload-amnt,