Merge branch 'feature/ISTWCMS-5127-ebremner-services-blocks-gui' into '3.0.x'

Feature/istwcms 5127 ebremner services blocks gui

See merge request !123

source/_patterns/04-components/catalog/_catalog.scss

-.path-catalogs,
-.path-taxonomy,
-.path-services {
-  .views-element-container {
-    min-height: 3rem;
-    position: relative;
-  }
-  .view-content {
-  // reset the flex
-    display: inherit;
-    -webkit-flex-flow: inherit;
-    -ms-flex-flow: inherit;
-    flex-flow: inherit;
-    gap: inherit;
-    grid-column:inherit;
-    grid-row: inherit;
-    margin: 1rem 0;
-    .item-list{
-     ul{
-       margin: 0;
-       padding: 0;
-       li{
-         list-style-type: none;
-         margin-left: 0;
-         padding-left: 0;
-         p{
-           margin:0;
-         }
-         .views-field{
-           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);
-               }
-             }
-
-           }
-         }
-       }
-     }
-    }
-  }
-}

source/_patterns/04-components/content-grid-list/_content-grid-list.scss

@@ -27,29 +27,19 @@
     order: 1;
     width: 100% !important;
   }
-}
-
-.view-content {
-  @include uw-flex-grid();
-
+  .view-content {
+    @include uw-flex-grid();
 
-  .views-row{
-    @include uw-flex-term-item();
-    order: 3;
-    &:first-of-type {
+    .views-row{
       @include uw-flex-term-item();
-      // Set the first card to match
-      // full width of gridded and print second row.
-      order: 2;
-      width: 100% !important;
+      order: 3;
+      &:first-of-type {
+        @include uw-flex-term-item();
+        // Set the first card to match
+        // full width of gridded and print second row.
+        order: 2;
+        width: 100% !important;
+      }
     }
   }
 }
-.view-uw-view-contacts .view-content {
-  @include uw-flex-grid();
-  padding:0;
-  row-gap: 1rem ;
-  .views-row{
-    width: 100%;
-  }
-}

source/_patterns/04-components/view/_view.scss

@@ -13,20 +13,21 @@ $sidebar-width: 18.75rem;
   &s-element-container{
     @include uw-contained-width;
     position:relative;
+    .block-views &,
+    .block-layout-builder &{
+      padding:0;
+    }
+    @include xl {
+      .block-views &,
+      .block-layout-builder & {
+        padding: 0;
+      }
+    }
   }
   display: grid;
-  gap:1rem;
   grid-template-columns: 100%;
   padding:0;
   position: relative;
-  .block-views &{
-    padding:0;
-  }
-  @include xl {
-    .block-views &{
-      padding:0;
-    }
-  }
   &.view-uw-view-contacts{
     padding-left:0;
     padding-right:0;
@@ -60,7 +61,11 @@ $sidebar-width: 18.75rem;
     grid-column:1/2;
     grid-row:2/3;
     width:100%;
+    .views-row{
+      width: 100%;
+    }
   }
+
   &-content--message {
     grid-column:1/2;
     grid-row:2/3;
@@ -80,9 +85,6 @@ $sidebar-width: 18.75rem;
       gap:$grid-gap;
       grid-template-columns: auto $sidebar-width;
     }
-    .view-header {
-    // css
-    }
     .view-content {
       @include uw-flex-grid();
       grid-column:1/2;
@@ -156,7 +158,7 @@ $sidebar-width: 18.75rem;
     }
   }
 
-  // Overite the view for when in services or catalog
+  // Ovewrite the view for when in services or catalog
   &-uw-view-catalog-show-nodes,
   &-uw-view-catalog-show-terms,
   &-uw-view-taxonomy-show-nodes,
@@ -165,7 +167,14 @@ $sidebar-width: 18.75rem;
   &-uw-view-catalog-search,
   &-uw-view-service-show-nodes,
   &-uw-view-service-show-terms{
+      gap:inherit;
     .view-content {
+      display:inherit;
+      flex-flow: inherit;
+      gap:inherit;
+      grid-column:inherit;
+      grid-row:inherit;
+      width: 100%;
       .item-list{
         ul {
           margin: 0;
@@ -193,8 +202,6 @@ $sidebar-width: 18.75rem;
       }
       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);
@@ -215,7 +222,87 @@ $sidebar-width: 18.75rem;
         @extend %hN;
         @include display-text-style(h2);
         font-size: gesso-font-size(3);
-        margin: gesso-spacing(md) 0 gesso-spacing(xs) 0;
+        margin: gesso-spacing(xs) 0 0 0;
+      }
+    }
+  }
+}
+
+.path-catalogs,
+.path-taxonomy,
+.path-services {
+  .view.with-filters{
+    gap:$grid-gap;
+  }
+  .view-content {
+    // reset the flex
+    display: inherit;
+    -webkit-flex-flow: inherit;
+    -ms-flex-flow: inherit;
+    flex-flow: inherit;
+    gap: inherit;
+    grid-column:inherit;
+    grid-row: inherit;
+    margin:inherit;
+    .views-row{
+      width:100%;
+      }
+    .item-list{
+      ul{
+        margin: 0;
+        padding: 0;
+        li{
+          list-style-type: none;
+          margin-left: 0;
+          padding-left: 0;
+          p{
+            margin:0;
+          }
+          .views-field{
+            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);
+                }
+              }
+
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+//Setting the views views-row item grids.
+.path-news,
+.view-uw-view-news-items,
+.path-blog,
+.view-uw-view-blogs,
+.path-events,
+.view-uw-view-events,
+.path-profiles,
+.path-contacts{
+  .view-content {
+    @include uw-flex-grid();
+    padding:0;
+    .views-row{
+      @include uw-flex-term-item();
+      &:first-of-type {
+        width: 100% !important;
       }
     }
   }