Issues #137, #134 - Restoring classes to sidebar menu block title. Ma…

…king block title an h2.
psu-libraries · Jul 31, 2024 · 4302364 · 4302364
1 parent bc52a2c
commit 4302364
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/components/sidebar_menu/sidebar_menu.scss b/components/sidebar_menu/sidebar_menu.scss
@@ -1,18 +1,20 @@
 @use "sass:map";
 @import '../../../../../themes/contrib/psulib_base/scss/init';
 
+// Adding menu block heading styles.
+.block-menu:has(.sidebar-menu) .block-menu--title {
+  text-transform: uppercase;
+  font-family: $font-family-condensed;
+  font-size: $font-size-lg;
+  @include make-link(black, none, $pa-link, none);
+}
+
 .sidebar-menu {
   $mobile-link-color: black;
   $mobile-link-background-color: transparent;
   $mobile-link-is-active-color: $pa-link;
   $mobile-link-is-active-background-color: transparent;
 
-  .block-menu h5 {
-    text-transform: uppercase;
-    font-family: $font-family-condensed;
-    @include make-link(black, none, $pa-link, none);
-  }
-
   .navbar-nav {
     font-family: $font-family-condensed;
     position: relative;
@@ -60,7 +62,7 @@
 
     li.menu-level-0 {
 
-      // first main parent links
+      // First main parent links.
       a {
 
         &.is-active,
@@ -148,7 +150,7 @@
 
   }
 
-  /* Special rule to hide the bs dropdown arrows */
+  /* Special rule to hide the bs dropdown arrows. */
   a.dropdown-toggle::after {
     display: none !important;
     content: "";

diff --git a/mix-manifest.json b/mix-manifest.json
@@ -5,6 +5,7 @@
     "/dist/css/carousel.css": "/dist/css/carousel.css",
     "/dist/css/accordion.css": "/dist/css/accordion.css",
     "/dist/css/style.css": "/dist/css/style.css",
+    "/components/sidebar_menu/sidebar_menu.css": "/components/sidebar_menu/sidebar_menu.css",
     "/components/person/person.css": "/components/person/person.css",
     "/components/pagination/pagination.css": "/components/pagination/pagination.css",
     "/components/image/image.css": "/components/image/image.css",

diff --git a/templates/block/block--system-menu-block.html.twig b/templates/block/block--system-menu-block.html.twig
@@ -47,7 +47,7 @@
     {% set title_attributes = title_attributes.addClass('visually-hidden') %}
   {% endif %}
   {{ title_prefix }}
-  <h5{{ title_attributes.setAttribute('id', heading_id) }}>{{ configuration.label }}</h5>
+  <h2{{ title_attributes.setAttribute('id', heading_id).addClass('block-menu--title', 'block-menu--title--' ~ derivative_plugin_id|clean_class) }}>{{ configuration.label }}</h2>
   {{ title_suffix }}
 
   {# Menu. #}