fix dimensione immagini didascalie su mobile (#158)
Some checks failed
Container Publish / build-image (push) Has been cancelled
Some checks failed
Container Publish / build-image (push) Has been cancelled
fix #157 Reviewed-on: #158 Co-authored-by: paspo <paolo@asperti.com> Co-committed-by: paspo <paolo@asperti.com>
This commit is contained in:
parent
2b9af7561b
commit
f910647729
@ -43,17 +43,16 @@
|
|||||||
@include breakpoint('<=narrower') {
|
@include breakpoint('<=narrower') {
|
||||||
#logo-text-wrapper { display: none; }
|
#logo-text-wrapper { display: none; }
|
||||||
#titleBar { background-color: rgb(124,124,124); }
|
#titleBar { background-color: rgb(124,124,124); }
|
||||||
#content article img {
|
|
||||||
max-width: 100%
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content article img { max-width: 100%; }
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
figcaption {
|
figcaption {
|
||||||
width: 100%;
|
width: auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
{{- end -}}>
|
{{- end -}}>
|
||||||
{{- with $figcaption -}}
|
{{- with $figcaption -}}
|
||||||
<figcaption
|
<figcaption
|
||||||
{{ with $captionWidth }} style="width: {{- . -}}px;"
|
{{ with $captionWidth }} style="max-width: {{- . -}}px;"
|
||||||
{{- end -}}>{{- . -}}</figcaption>
|
{{- end -}}>{{- . -}}</figcaption>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
</figure>
|
</figure>
|
||||||
|
@ -35,7 +35,7 @@
|
|||||||
<img src="{{ $img.RelPermalink }}" alt="{{ .Params.image_alt }}" />
|
<img src="{{ $img.RelPermalink }}" alt="{{ .Params.image_alt }}" />
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{- with .Params.image_caption -}}
|
{{- with .Params.image_caption -}}
|
||||||
<figcaption style="width: {{- $img.Width -}}px;">{{- . | markdownify -}}</figcaption>
|
<figcaption style="max-width: {{- $img.Width -}}px;">{{- . | markdownify -}}</figcaption>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
</figure></span>
|
</figure></span>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user