[THEME] Fix min size for images

This commit is contained in:
Gregory Trolliet 2021-02-03 07:52:01 +01:00
parent 1d91c78f95
commit ee73c02aa7

View file

@ -11,6 +11,8 @@
--color01_bright: #58af58; --color01_bright: #58af58;
--color02: #8f8071; --color02: #8f8071;
--color02_bright: #b88a5b; --color02_bright: #b88a5b;
--image-margin-side: 2.5em;
} }
/******************* Page *******************/ /******************* Page *******************/
@ -502,10 +504,10 @@ a:focus {
/******************* Article Figure *******************/ /******************* Article Figure *******************/
.article-body figure { .article-body figure {
margin: 1em 0; margin: 1em 0;
/*display: table;*/
width: max-content; width: max-content;
max-width: 100%; max-width: 100%;
overflow: auto; overflow: visible;
min-width: calc(50% - 2 * var(--image-margin-side));
} }
.article-body figure picture, .article-body figure picture,
.article-body figure figcaption { .article-body figure figcaption {
@ -524,6 +526,10 @@ a:focus {
.article-body figure.inline { .article-body figure.inline {
margin: 0; margin: 0;
} }
.article-body figure.border img,
.article-body figure.border figcaption {
min-width: calc(100% - 2 * var(--image-margin-side)) !important;
}
} }
.article-body figure.logo { .article-body figure.logo {
display: inline-block; display: inline-block;
@ -553,10 +559,11 @@ a:focus {
} }
.article-body figure>a { .article-body figure>a {
display: block; display: block;
outline: none;
min-height: 100%; min-height: 100%;
border: none; border: none;
} }
.article-body figure.logo:hover { .article-body figure>a>img:hover {
box-shadow: 0 0 1em rgba(var(--font-color_rgb), 0.5); box-shadow: 0 0 1em rgba(var(--font-color_rgb), 0.5);
} }
.article-body figure figcaption p, .article-body figure figcaption p,