additional css to remove the overlay:hidden for filters columns

css/styles.css

@@ -3580,6 +3580,13 @@ button {
     display: block;
     height: 100%;
     width: 100%; }
+    .card__media a:focus img {
+      -webkit-filter: grayscale(100%);
+      filter: grayscale(100%);
+      opacity: 0.6;
+      transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter;
+      transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1);
+      transition: filter, opacity 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-filter; }
   .card__media img {
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
@@ -8015,6 +8022,7 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
       grid-column: 2/3;
       height: inherit;
       margin: 0;
+      overflow: inherit;
       width: 18.75rem; }
       .grid .view-filters,
       .list .view-filters {

js/component_scripts.min.js

-/**
- * @file
- * Ckeditor Modal.
- */
-
-(function ($, Drupal) {
-  if ($.ui && $.ui.dialog) {
-    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
-    $.ui.dialog.prototype._allowInteraction = function (event) {
-      if ($(event.target).closest('.cke_dialog').length) {
-        return true;
-      }
-      return orig_allowInteraction.apply(this, arguments);
-    };
-  }
-})(jQuery, Drupal);
-
 /**
  * @file
  */
@@ -346,6 +329,23 @@ else {
   };
 })(jQuery);
 
+/**
+ * @file
+ * Ckeditor Modal.
+ */
+
+(function ($, Drupal) {
+  if ($.ui && $.ui.dialog) {
+    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
+    $.ui.dialog.prototype._allowInteraction = function (event) {
+      if ($(event.target).closest('.cke_dialog').length) {
+        return true;
+      }
+      return orig_allowInteraction.apply(this, arguments);
+    };
+  }
+})(jQuery, Drupal);
+
 /**
  * @file
  */

source/_patterns/00-config/_design-tokens.artifact.scss

@@ -511,4 +511,4 @@ $gesso: (
     xxl: 96px,
   ),
   gutter-width: 40px,
-);
+);
\ No newline at end of file

source/_patterns/04-components/card/_card.scss

@@ -93,6 +93,16 @@ $card-padding: rem(gesso-spacing(sm)) !default;
     display: block;
     height: 100%;
     width: 100%;
+    &:focus{
+      img{
+        -webkit-filter: grayscale(100%);
+        filter: grayscale(100%);
+        opacity:0.6;
+        transition:filter ,opacity gesso-duration(shortest) gesso-easing(ease-in);
+      }
+
+
+    }
   }
   img {
     -webkit-filter: grayscale(0);

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

@@ -99,6 +99,7 @@ $sidebar-width: 18.75rem;
     grid-column:2/3;
     height:inherit;
     margin: 0;
+    overflow:inherit;
     .grid &,
     .list &{
       margin-top: 4rem !important;

source/_patterns/05-templates/termpage.yml

@@ -558,19 +558,6 @@ footer_menu:
         attributes:
           class: ''
     in_active_trail: false
-social_media:
-  menu_tree:
-    - text: "Facebook"
-      url: "https://www.facebook.com/university.waterloo"
-    - text: "Twitter"
-      url: "https://twitter.com/uWaterloo"
-    - text: "YouTube"
-      url: "https://www.youtube.com/user/uwaterloo"
-    - text: "Instagram"
-      url: "https://www.instagram.com/uofwaterloo/"
-    - text: "LinkedIn"
-      url: "https://www.linkedin.com/edu/school?id=10875"
-social_media_placement: "global-site-footer"
 nav_items:
   - text: 'About Psychology'
     url: '#'