From 8363607b67cb36d7632dc7e308e27b0dbaa7712f Mon Sep 17 00:00:00 2001
From: Kevin Paxman <kpaxman@uwaterloo.ca>
Date: Tue, 23 Jul 2024 12:04:32 -0400
Subject: [PATCH] ISTWCMS-7056: make circle-based infographics fit in narrower
spaces, and make the circle have the same top alignment as the half circle
---
.../facts-and-figures/_facts-and-figures.scss | 9 ++++++---
1 file changed, 6 insertions(+), 3 deletions(-)
diff --git a/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss b/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss
index c8f11022..05c826e1 100644
--- a/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss
+++ b/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss
@@ -947,15 +947,18 @@ are the same height. */
}
&.infographic-half-circle {
- width: 15.625rem;
+ max-width: 15.625rem;
svg {
margin: calc(-0.14 * 100%) 0 calc(-0.4 * 100%);
}
}
-
&.infographic-circle {
- width: 15.625rem;
+ max-width: 15.625rem;
+
+ svg {
+ margin-top: calc(-0.14 * 100%);
+ }
}
}
--
GitLab