mirrors/mycorrhiza
1
0
Fork 0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2025-06-12 15:34:05 +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; } .upload-amnt__unattach { display: block; }
aside { clear: both; } aside { clear: both; }
.img-gallery { text-align: center; margin-top: .25rem; margin-bottom: .25rem; } .img-gallery { margin-top: .25rem; margin-bottom: .25rem; }
.img-gallery_many-images { border-radius: .25rem; padding: .5rem; }
@media screen and (min-width: 700px) { @media screen and (min-width: 700px) {
.img-gallery_layout-grid { .img-gallery_layout-grid {
display: grid; display: grid;
@ -161,6 +160,22 @@ aside { clear: both; }
max-width: 50%; max-width: 50%;
margin-left: 1em; 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; } .img-gallery img { max-width: 100%; max-height: 50vh; }
figure { margin: 0; } figure { margin: 0; }
@ -204,7 +219,6 @@ caption { caption-side: top; font-size: small; }
p code, p code,
article .codeblock, article .codeblock,
.img-gallery_many-images,
.recent-changes__entry, .recent-changes__entry,
table, table,
.transclusion_stand-out { .transclusion_stand-out {
@ -265,7 +279,6 @@ input[type="text"], input[type="password"],
.btn, .btn,
article code, article code,
article .codeblock, article .codeblock,
.img-gallery_many-images,
.recent-changes__entry, .recent-changes__entry,
.history__entry, .history__entry,
.upload-amnt, .upload-amnt,