From 22a39cf75a6b72c5b326f831273bd922b86618f1 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Tue, 25 Oct 2022 11:00:16 -0400
Subject: [PATCH] ISTWCMS-5880: css to correct spacing challenge with banner
and card_header
---
src/patterns/03-layouts/layout/_layout.scss | 7 +++++--
.../card/card--node/_card--node.scss | 16 ++++++++--------
2 files changed, 13 insertions(+), 10 deletions(-)
diff --git a/src/patterns/03-layouts/layout/_layout.scss b/src/patterns/03-layouts/layout/_layout.scss
index 4c0aef91..36a398a9 100644
--- a/src/patterns/03-layouts/layout/_layout.scss
+++ b/src/patterns/03-layouts/layout/_layout.scss
@@ -4,7 +4,7 @@
@include uw-contained-width;
.uw-node__with-media .card__node & {
padding: var(--size-2);
- @media(min-width: $screen-xxl) {
+ @media(min-width: $screen-xl) {
padding: var(--size-2) 0;
}
}
@@ -15,11 +15,14 @@
@include uw-contained-width;
padding: var(--size-2);
- @media(min-width: $screen-xxl) {
+ @media(min-width: $screen-xl) {
padding: var(--size-2) 0;
}
&.card__media{
padding: 0 var(--size-2);
+ @media(min-width: $screen-xl) {
+ padding: 0;
+ }
}
&--narrow {
/* Match the width of WCMS2's narrow: 496px */
diff --git a/src/patterns/04-components/card/card--node/_card--node.scss b/src/patterns/04-components/card/card--node/_card--node.scss
index 283d7345..c077b04a 100644
--- a/src/patterns/04-components/card/card--node/_card--node.scss
+++ b/src/patterns/04-components/card/card--node/_card--node.scss
@@ -15,7 +15,7 @@
.uw-node__with-media &{
> .card__header {
padding: var(--size-2);
- @media(min-width: $screen-xxl) {
+ @media(min-width: $screen-xl) {
padding: var(--size-2) 0;
}
}
@@ -207,11 +207,15 @@
.card__header{
display: grid;
padding: var(--size-2);
+ @media(min-width: $screen-xl) {
+ padding: var(--size-2) 0;
+ }
.card__title{
margin: 0;
padding: var(--size-2) 0;
}
}
+
.card__media{
//
}
@@ -240,7 +244,7 @@
align-self: end;
margin-bottom: 0;
margin-top: 0;
- padding: inherit;
+ padding: var(--size-2);
.card__date {
margin-bottom: 0;
margin-top: 0;
@@ -249,9 +253,8 @@
.card__title {
background: var(--uw-white);
font-size: var(--font-size-8);
- margin-bottom: 0;
- margin-top: 0;
- padding: var(--size-2);
+ margin: 0;
+ padding: var(--size-2) 0;
}
.card__sub-title {
@@ -290,6 +293,3 @@
}
}
}
-.card__node--uw_ct_contact .card__image{
- display: none !important;
-}
--
GitLab