diff --git a/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.css b/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.css index 4aee19ba9450c37871fd39727bc39df809024dc3..b9e88448669d6f2c14024f60e70c630f698bc9b0 100644 --- a/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.css +++ b/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.css @@ -33,7 +33,6 @@ justify-content: center; align-items: center; border-radius: 50%; - padding: 20px; position: relative; margin-top: 12px; } @@ -45,13 +44,31 @@ top: calc(50% - 20px); background: none; width: 0; - height: 0px; + height: 0; border-right: none; border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-left: 30px solid #aaa; } +/* image */ +.timeline-entry-icon-wrapper picture { + overflow: hidden; + border-radius: 50%; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.timeline-entry-icon-wrapper picture img.fill-image { + object-fit: cover; + width: 100%; + height: 100%; + +} + /* line - middle */ .timeline-entry-line { width: 60px; diff --git a/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.html b/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.html index 3c412a472a68f10f184d124c2db7ff0f1dcf5270..3e422c208677d06ed3807934bc0bb6308682abda 100644 --- a/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.html +++ b/src/QUI/Timeline/Controls/Timeline.VerticalBothSides.html @@ -31,8 +31,9 @@ <div class="timeline-entry-icon"> {if $Child->getAttribute('image_site')} <div class="timeline-entry-icon-wrapper"> - {image src=$Child->getAttribute('image_site') width="500" type="resize" - title="{$Child->getAttribute('title')}"} + {image src=$Child->getAttribute('image_site') max-width="500" max-height="500" type="resize" + title="{$Child->getAttribute('title')}" + class="fill-image"} </div> {/if} </div>