mirrors/mycorrhiza
1
0
Fork 0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2025-08-06 22:04:11 +00:00
Code Issues Releases Wiki Activity

Fix text overflow for img galleries

Browse Source
This commit is contained in:
Timur Ismagilov 2022-07-24 13:08:56 +05:00
parent d6946b9e31
commit 827c9a0005
1 changed files with 38 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
static/default.css
View File

@ -149,39 +149,6 @@ 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 { margin-top: .25rem; margin-bottom: .25rem; }
@media screen and (min-width: 700px) {
.img-gallery_layout-grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.img-gallery_layout-side {
float: right;
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; }
figcaption { padding-bottom: .5rem; }
#new-name {width:100%;} #new-name {width:100%;}
.prevnext__el { display: inline-block; min-width: 40%; padding: .5rem 0; margin-bottom: .25rem; text-decoration: none; border-radius: .25rem; max-width: 49%; } .prevnext__el { display: inline-block; min-width: 40%; padding: .5rem 0; margin-bottom: .25rem; text-decoration: none; border-radius: .25rem; max-width: 49%; }
@ -898,4 +865,41 @@ body[data-rrh-addr^="/interwiki"] main form + form {
*/ */
.users-table { .users-table {
margin-top: 1rem; margin-top: 1rem;
} }
/*
* Image galleries
*/
.img-gallery { margin-top: .25rem; margin-bottom: .25rem; }
@media screen and (min-width: 700px) {
.img-gallery_layout-grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.img-gallery_layout-side {
float: right;
max-width: 50%;
margin-left: 1em;
}
.img-gallery_layout-normal {
display: table;
}
.img-gallery_layout-normal figure {
width: 100%;
display: table-row;
}
.img-gallery_layout-normal figure a {
display: table-cell;
}
.img-gallery_layout-normal figure figcaption {
vertical-align: top;
display: table-cell;
padding-left: 1rem;
width: 300px;
}
}
.img-gallery img { max-width: 100%; max-height: 50vh; }
figure { margin: 0; }
figcaption { padding-bottom: .5rem; }