From d7e270727f716e690ba0cf6f324719c634a8ab08 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Fri, 19 Nov 2021 19:55:21 +0000
Subject: [PATCH] ISTWCMS-5129: css for the services nodes and term views
overwrite
---
.../00-config/_design-tokens.artifact.scss | 2 +-
.../04-components/catalog/_catalog.scss | 56 ------------------
.../04-components/details/_details.scss | 4 +-
.../_patterns/04-components/view/_view.scss | 57 +++++++++++++++++++
4 files changed, 60 insertions(+), 59 deletions(-)
diff --git a/source/_patterns/00-config/_design-tokens.artifact.scss b/source/_patterns/00-config/_design-tokens.artifact.scss
index d2ef2e77..8e7f094b 100644
--- a/source/_patterns/00-config/_design-tokens.artifact.scss
+++ b/source/_patterns/00-config/_design-tokens.artifact.scss
@@ -503,4 +503,4 @@ $gesso: (
xxl: 96px,
),
gutter-width: 40px,
-);
+);
\ No newline at end of file
diff --git a/source/_patterns/04-components/catalog/_catalog.scss b/source/_patterns/04-components/catalog/_catalog.scss
index 1eb078bc..753761e0 100644
--- a/source/_patterns/04-components/catalog/_catalog.scss
+++ b/source/_patterns/04-components/catalog/_catalog.scss
@@ -1,14 +1,10 @@
.path-catalogs,
.path-taxonomy,
.path-services {
- // margin-top: 0.625rem;
-
.views-element-container {
min-height: 3rem;
position: relative;
}
- .uw-catalog-search{
- }
.view-content {
// reset the flex
display: inherit;
@@ -58,55 +54,3 @@
}
}
}
-.view-uw-view-catalog-show-nodes,
-.view-uw-view-catalog-show-terms{
- display: inherit;
- gap: inherit;
- grid-template-columns:inherit;
- padding: inherit;
- position: inherit;
- .view-content {
- .item-list{
- ul {
- margin: 0;
- padding: 0;
-
- li {
- list-style-type: none;
- margin-left: 0;
- padding-left: 0;
- p{
- margin:0;
- }
- a {
- margin-right: .2rem;
- text-decoration: underline;
-
- &:hover,
- &:focus{
- text-decoration: none;
- }
- }
- h2{
- font-size: gesso-font-size(3);
- margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
- span{
- font-family:gesso-font-family(primary);
- font-size: gesso-font-size(0);
- @include medium{
- font-size: gesso-font-size(1);
- }
- }
- }
- .views-field-title{
- @extend %hN;
- @include display-text-style(h2);
- font-size: gesso-font-size(3);
- margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
- }
- }
- }
- }
- }
-
-}
diff --git a/source/_patterns/04-components/details/_details.scss b/source/_patterns/04-components/details/_details.scss
index 9e6bd8a3..d2c63220 100644
--- a/source/_patterns/04-components/details/_details.scss
+++ b/source/_patterns/04-components/details/_details.scss
@@ -4,7 +4,7 @@
$details-background-color: gesso-color(ui, generic, background-light) !default;
$details-background-color-hover: gesso-color(ui, generic, background) !default;
$details-content-background-color: gesso-color(background, site) !default;
-$details-padding: gesso-spacing(lg) !default;
+$details-padding: gesso-spacing(sm) !default;
$details-text-color: gesso-color(text, on-light) !default;
$summary-font-family: gesso-font-family(book);
$details-font-family: gesso-font-family(primary);
@@ -56,7 +56,7 @@ $details-font-family: gesso-font-family(primary);
font-size: rem(gesso-font-size(-1));
line-height: 1.25;
outline: 0;
- padding: 1rem;
+ padding: $details-padding;
text-shadow: 0 1px 0 #fff;
transition: box-shadow gesso-duration(short) gesso-easing(ease-in-out);
diff --git a/source/_patterns/04-components/view/_view.scss b/source/_patterns/04-components/view/_view.scss
index f2d212dd..fc3fb74e 100644
--- a/source/_patterns/04-components/view/_view.scss
+++ b/source/_patterns/04-components/view/_view.scss
@@ -155,6 +155,63 @@ $sidebar-width: 18.75rem;
}
}
}
+
+ // Overite the view for when in services or catalog
+ &-uw-view-catalog-show-nodes,
+ &-uw-view-catalog-show-terms,
+ &-uw-view-taxonomy-show-nodes,
+ &-uw-view-taxonomy-show-terms,
+ &-uw-view-service-show-nodes,
+ &-uw-view-service-show-terms{
+ display: inherit;
+ gap: inherit;
+ grid-template-columns:inherit;
+ padding: inherit;
+ position: inherit;
+ .view-content {
+ .item-list{
+ ul {
+ margin: 0;
+ padding: 0;
+
+ li {
+ list-style-type: none;
+ margin-left: 0;
+ padding-left: 0;
+ p{
+ margin:0;
+ }
+ a {
+ margin-right: .2rem;
+ text-decoration: underline;
+
+ &:hover,
+ &:focus{
+ text-decoration: none;
+ }
+ }
+ h2{
+ font-size: gesso-font-size(3);
+ margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
+ span{
+ font-family:gesso-font-family(primary);
+ font-size: gesso-font-size(0);
+ @include medium{
+ font-size: gesso-font-size(1);
+ }
+ }
+ }
+ .views-field-title{
+ @extend %hN;
+ @include display-text-style(h2);
+ font-size: gesso-font-size(3);
+ margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
+ }
+ }
+ }
+ }
+ }
+ }
}
.uw-offcanvas--filter{
display: flex;
--
GitLab