From f7752f56e0167154d511eeb887038577ff13f406 Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Fri, 14 May 2021 15:45:06 -0400
Subject: [PATCH] ISTWCMS_4873: fixing inverted L layout ratios
---
css/styles.css | 8 ++++----
css/uw-dashboards.css | 8 ++++----
.../layout--inverted-l-left/_layout--inverted-l-left.scss | 4 ++--
.../_layout--inverted-l-right.scss | 4 ++--
.../layout--inverted-l-right/layout--inverted-l-right.yml | 4 ++--
5 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index b166c126..35a40e38 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2242,10 +2242,10 @@ svg:not(:root) {
grid-template-columns: 50% 50%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-left.larger-left {
- grid-template-columns: 33% 67%; } }
+ grid-template-columns: 67% 33%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-left.larger-right {
- grid-template-columns: 67% 33%; } }
+ grid-template-columns: 33% 67%; } }
.layout--uw-inverted-l-left .uw-inverted-l--left-side {
grid-column: 1 / 2;
grid-row: 1 / 2; }
@@ -2276,10 +2276,10 @@ svg:not(:root) {
grid-template-columns: 50% 50%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-right.larger-left {
- grid-template-columns: 33% 67%; } }
+ grid-template-columns: 67% 33%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-right.larger-right {
- grid-template-columns: 67% 33%; } }
+ grid-template-columns: 33% 67%; } }
.layout--uw-inverted-l-right .uw-inverted-l--left-side {
display: grid;
grid-column: 1 / 2;
diff --git a/css/uw-dashboards.css b/css/uw-dashboards.css
index 79a4fa0d..d3e9f949 100644
--- a/css/uw-dashboards.css
+++ b/css/uw-dashboards.css
@@ -663,10 +663,10 @@
grid-template-columns: 50% 50%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-left.larger-left {
- grid-template-columns: 33% 67%; } }
+ grid-template-columns: 67% 33%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-left.larger-right {
- grid-template-columns: 67% 33%; } }
+ grid-template-columns: 33% 67%; } }
.layout--uw-inverted-l-left .uw-inverted-l--left-side {
grid-column: 1 / 2;
grid-row: 1 / 2; }
@@ -697,10 +697,10 @@
grid-template-columns: 50% 50%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-right.larger-left {
- grid-template-columns: 33% 67%; } }
+ grid-template-columns: 67% 33%; } }
@media (min-width: 63.1875rem) {
.layout--uw-inverted-l-right.larger-right {
- grid-template-columns: 67% 33%; } }
+ grid-template-columns: 33% 67%; } }
.layout--uw-inverted-l-right .uw-inverted-l--left-side {
display: grid;
grid-column: 1 / 2;
diff --git a/source/_patterns/03-layouts/layout/layout--inverted-l-left/_layout--inverted-l-left.scss b/source/_patterns/03-layouts/layout/layout--inverted-l-left/_layout--inverted-l-left.scss
index 9c503c6d..bf6d095b 100644
--- a/source/_patterns/03-layouts/layout/layout--inverted-l-left/_layout--inverted-l-left.scss
+++ b/source/_patterns/03-layouts/layout/layout--inverted-l-left/_layout--inverted-l-left.scss
@@ -8,12 +8,12 @@
}
&.larger-left {
@include large{
- grid-template-columns: 33% 67%;
+ grid-template-columns: 67% 33%;
}
}
&.larger-right {
@include large{
- grid-template-columns: 67% 33%;
+ grid-template-columns: 33% 67%;
}
}
.uw-inverted-l--left-side {
diff --git a/source/_patterns/03-layouts/layout/layout--inverted-l-right/_layout--inverted-l-right.scss b/source/_patterns/03-layouts/layout/layout--inverted-l-right/_layout--inverted-l-right.scss
index 0af09d63..6e4b9a9d 100644
--- a/source/_patterns/03-layouts/layout/layout--inverted-l-right/_layout--inverted-l-right.scss
+++ b/source/_patterns/03-layouts/layout/layout--inverted-l-right/_layout--inverted-l-right.scss
@@ -8,12 +8,12 @@
}
&.larger-left {
@include large{
- grid-template-columns: 33% 67%;
+ grid-template-columns: 67% 33%;
}
}
&.larger-right {
@include large{
- grid-template-columns: 67% 33%;
+ grid-template-columns: 33% 67%;
}
}
.uw-inverted-l--left-side {
diff --git a/source/_patterns/03-layouts/layout/layout--inverted-l-right/layout--inverted-l-right.yml b/source/_patterns/03-layouts/layout/layout--inverted-l-right/layout--inverted-l-right.yml
index 389432b2..f1946c67 100644
--- a/source/_patterns/03-layouts/layout/layout--inverted-l-right/layout--inverted-l-right.yml
+++ b/source/_patterns/03-layouts/layout/layout--inverted-l-right/layout--inverted-l-right.yml
@@ -3,8 +3,8 @@ column_classes:
name: 'Even Split (50%, 50%)'
classes: 'layout layout--uw-inverted-l-right even-split'
-
- name: 'Larger Left (33%, 67%)'
+ name: 'Larger Left (67%, 33%)'
classes: 'layout layout--uw-inverted-l-right larger-left'
-
- name: 'Larger Right (67%, 33%)'
+ name: 'Larger Right (33%, 67%)'
classes: 'layout layout--uw-inverted-l-right larger-right'
\ No newline at end of file
--
GitLab