8.5.0

- Merge branch '8.x-4.x' into 8.x-5.x (c518e21)
- D8CORE-3473 Fix the mobile menu search attributes (#214) (f1c1abc)
- D8CORE-2944: Using flex for the alignment (#213) (ad7722c)
- Update components namespace for latest components version (#211) (89e32c9)
- D8CORE-3495: adding a margin-top for the title (#210) (8e445c8)
- Merge branch '8.x-4.x' into 8.x-5.x (b5429ac)

CHANGELOG.md

@@ -1,5 +1,16 @@
 # Stanford Basic Theme
 
+8.x-5.0
+--------------------------------------------------------------------------------
+_Release Date: 2021-03-05_
+
+- Merge branch '8.x-4.x' into 8.x-5.x (c518e21)
+- D8CORE-3473 Fix the mobile menu search attributes (#214) (f1c1abc)
+- D8CORE-2944: Using flex for the alignment (#213) (ad7722c)
+- Update components namespace for latest components version (#211) (89e32c9)
+- D8CORE-3495: adding a margin-top for the title (#210) (8e445c8)
+- Merge branch '8.x-4.x' into 8.x-5.x (b5429ac)
+
 8.x-4.15
 --------------------------------------------------------------------------------
 _Release Date: 2021-02-08_

UPGRADE.md

@@ -3,6 +3,12 @@ INTRODUCTION
 ------------
 This document describes how to update your theme when the theme changes.
 
+8.x-4.x -> 8.x-5.x
+----------------
+
+For Drupal 9, the new base theme is `stable9` instead of `stable`. The site must enable `stable9` when upgrading the
+theme to 8.x-5.x versions. Unfortunately there is no way to provide an update hook in a theme.
+
 8.x-4.13 -> 8.x-4.14
 ----------------
 

composer.json

@@ -1,12 +1,13 @@
 {
-  "name": "su-sws/stanford_basic",
-  "description": "Stanford Basic Branding Theme.",
-  "type": "drupal-custom-theme",
-  "homepage": "https://github.com/SU-SWS/stanford_basic",
-  "authors": [],
-  "license": "GPL-2.0-or-later",
-  "minimum-stability": "dev",
-  "require": {
-    "drupal/core": "^8.8 || ^9.0"
-  }
+    "name": "su-sws/stanford_basic",
+    "description": "Stanford Basic Branding Theme.",
+    "type": "drupal-custom-theme",
+    "homepage": "https://github.com/SU-SWS/stanford_basic",
+    "authors": [],
+    "license": "GPL-2.0-or-later",
+    "minimum-stability": "dev",
+    "require": {
+        "drupal/core": "^9.0",
+        "drupal/components": "^2.0"
+    }
 }

src/js/stanford_basic.behavior.js

@@ -28,14 +28,20 @@ export default {
 
       // Check for search box and move the second block to the mobile navigation.
       // Hide it and then only show for mobile sites.
-      var $search = $('.su-masthead .su-site-search', context).length;
-      if ($search) {
-        var $ms = $('.su-masthead .su-site-search', context);
-        $($ms.clone())
-          .prependTo('.su-masthead .su-multi-menu > ul', context)
-          .wrap('<li class="su-mobile-site-search"></li>')
-          .attr('id', 'block-stanford-basic-search-mobile')
-          .find('[id]').each(() => {$(this).attr('id', $(this).attr('id') + '-mobile');});
+      const $search = $('.su-masthead .su-site-search', context);
+      if ($search.length) {
+        const $clonedSearch = $search.clone();
+        // Adjust the parent id attribute.
+        $clonedSearch.attr('id', 'block-stanford-basic-search-mobile');
+        // Adjust all the children id attributes and fix any labels.
+        $clonedSearch.find('[id]').each((i, element) => {
+          const idAttribute = $(element).attr('id');
+          $clonedSearch.find(`[for="${idAttribute}"]`).attr('for', `${idAttribute}-mobile`);
+          $(element).attr('id', `${idAttribute}-mobile`);
+        });
+
+        $clonedSearch.prependTo('.su-masthead .su-multi-menu > ul', context)
+          .wrap('<li class="su-mobile-site-search"></li>');
       }
 
       // Add an outline class to the page-content region if local tasks are

src/scss/components/index.scss

@@ -32,6 +32,8 @@
 'lockup/index',
 'masthead/index',
 'multi-menu/index',
+'paragraphs/paragraph--people',
+'paragraphs/paragraph--events',
 'secondary-nav/index',
 'stanford-page/index',
 'wysiwyg/index';

src/scss/components/paragraphs/_paragraph--events.scss

@@ -0,0 +1,15 @@
+@charset 'UTF-8';
+
+.stanford-events {
+  &.cards {
+    .views-view-grid {
+      > .flex-container {
+        justify-content: left;
+
+        > div:not(:last-of-type) {
+          @include responsive-spacing('padding-right', 1);
+        }
+      }
+    }
+  }
+}

src/scss/components/paragraphs/_paragraph--people.scss

@@ -0,0 +1,8 @@
+@charset 'UTF-8';
+
+// Aligning the people cards
+.stanford-people-grid {
+  .flex-container {
+    justify-content: left;
+  }
+}

src/scss/components/stanford-page/_page-title.scss

@@ -3,6 +3,7 @@
 //
 // Custom Styles For Stanford Page Content Type.
 //
-.node-stanford-page-title {
+.node-stanford-page-title,
+.block--page-title {
   @include modular-spacing('margin-top', 6);
 }

src/scss/theme/index.scss

@@ -19,4 +19,4 @@
 '../config/index',
 '../utilities/index';
 
-@import "menu/index";
+@import 'menu/index';

stanford_basic.info.yml

@@ -2,9 +2,9 @@ name: 'Stanford Basic'
 type: theme
 description: 'Stanford Basic Branding Theme.'
 package: Stanford
-version: 8.x-4.15
-core_version_requirement: '^8.8 || ^9'
-'base theme': stable
+version: 8.x-5.0
+core_version_requirement: ^9
+'base theme': stable9
 regions:
   page_top: 'Page top'
   header: Header
@@ -17,9 +17,10 @@ regions:
 features:
   - favicon
   - logo
-component-libraries:
-  basic: { paths: [ templates ] }
-  basic-dist: { paths: [ dist/templates ] }
+components:
+  namespaces:
+    basic: templates
+    basic-dist: dist/templates
 libraries:
   - stanford_basic/basic
 ckeditor_stylesheets:

templates/core/field.html.twig

@@ -1,4 +1,4 @@
-{% extends "@stable/field/field.html.twig" %}
+{% extends "@stable9/field/field.html.twig" %}
 
 {# Create classes array #}
 {% set classes = [] %}

templates/navigation/toolbar.html.twig

@@ -21,4 +21,4 @@
  */
 #}
 {% set toolbar_attributes = toolbar_attributes.removeAttribute('role') %}
-{% extends '@stable/navigation/toolbar.html.twig' %}
+{% extends '@stable9/navigation/toolbar.html.twig' %}