fix dimensione immagini didascalie su mobile

This commit is contained in:
Paolo Asperti 2024-07-28 07:51:49 +02:00
parent 2b9af7561b
commit 97733a7e10
Signed by: paspo
GPG Key ID: 06D46905D19D5182
3 changed files with 5 additions and 6 deletions

View File

@ -43,17 +43,16 @@
@include breakpoint('<=narrower') {
#logo-text-wrapper { display: none; }
#titleBar { background-color: rgb(124,124,124); }
#content article img {
max-width: 100%
}
}
#content article img { max-width: 100%; }
figure {
display: inline-block;
}
figcaption {
width: 100%;
width: auto;
text-align: center;
font-size: smaller;
font-style: italic;

View File

@ -29,7 +29,7 @@
{{- end -}}>
{{- with $figcaption -}}
<figcaption
{{ with $captionWidth }} style="width: {{- . -}}px;"
{{ with $captionWidth }} style="max-width: {{- . -}}px;"
{{- end -}}>{{- . -}}</figcaption>
{{- end -}}
</figure>

View File

@ -35,7 +35,7 @@
<img src="{{ $img.RelPermalink }}" alt="{{ .Params.image_alt }}" />
{{- end -}}
{{- with .Params.image_caption -}}
<figcaption style="width: {{- $img.Width -}}px;">{{- . | markdownify -}}</figcaption>
<figcaption style="max-width: {{- $img.Width -}}px;">{{- . | markdownify -}}</figcaption>
{{- end -}}
</figure></span>
{{ end }}