Commit 1798124e authored by Martin Leblanc's avatar Martin Leblanc Committed by Martin Leblanc
Browse files

ISTWCMS-4888:flexing the content of uw-image and displaying caption on sized images

parent e9e55f88
......@@ -43,6 +43,7 @@ $grid-gap: rem(gesso-spacing(lg));
&.layout--uw-1-col{
.block-inline-blockuw-cbl-banner-images,
.block-inline-blockuw-cbl-image,
.block-uw-cbl-image,
.block-inline-blockuw-cbl-remote-video,
.block-inline-blockuw-cbl-image-gallery{
@include uw-full-width-margin;
......
.uw-image {
&__sized-image {
display: block;
width: 100%;
&--center {
text-align: center;
}
&--left {
text-align: left;
.block-uw-cbl-image{
.uw-image {
display:flex;
flex-flow: column;
width:100%;
img{
display: block;
}
&--right {
text-align: right;
&__sized-image {
&--center {
align-self: center;
}
&--left {
align-self: flex-start;
}
&--right {
align-self: flex-end;
}
}
}
}
......
......@@ -6,6 +6,7 @@
<div class="uw-image">
<div class="uw-image__wrapper {{ image_class }}">
{% if image.type == 'full' %}
{% include '@components/responsive-image/responsive-image.twig' with {
'sources': image.image.sources,
......@@ -16,7 +17,7 @@
<img src="{{ image.image.url }}" width="{{ image.image.width }}" height="{{ image.image.height }}" alt="{{ image.alt }}" />
{% endif %}
{% if image.caption %}
<div class="uw_ig__caption">
<div class="uw-image__caption" {% if image.image.width %} style="width:{{ image.image.width }}px;"{% endif %}>
{% include '@components/caption/caption.twig' with {
'caption': image.caption
} %}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment