From 1ef25bad3b829b1216de257f1e85a9ce21c75b14 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Tue, 16 May 2023 12:42:12 +0200
Subject: [PATCH] fixed avatar display for md devices
---
.../_theme/blocks/organization_chart.sass | 19 +++++++++++++++----
1 file changed, 15 insertions(+), 4 deletions(-)
diff --git a/assets/sass/_theme/blocks/organization_chart.sass b/assets/sass/_theme/blocks/organization_chart.sass
index 57b865e7..73c18f55 100644
--- a/assets/sass/_theme/blocks/organization_chart.sass
+++ b/assets/sass/_theme/blocks/organization_chart.sass
@@ -13,9 +13,9 @@
@include media-breakpoint-between(desktop, xl)
.person
justify-content: space-between
+ gap: $spacing1
.avatar
margin-right: 0
- margin-left: $spacing1
order: 1
width: col(3)
.description
@@ -28,8 +28,19 @@
width: calc(#{col(1, 4)} + #{$grid-gutter})
.description
margin-top: $spacing1
- @include media-breakpoint-up(sm)
- @include in-page-without-sidebar
+body
+ &:not(.full-width)
+ @include media-breakpoint-between(md, desktop)
+ .person
+ flex-direction: row-reverse
+ gap: $spacing1
+ .avatar
+ width: calc(#{col(1, 4)} + #{$grid-gutter})
+ &.full-width
+ @include media-breakpoint-up(md)
+ .persons .avatar
+ width: 100%
+ @include media-breakpoint-up(sm)
.persons
- @include grid(4, lg)
+ @include grid(4, md)
@include grid(6, xl)
\ No newline at end of file
--
GitLab