Issue #3041699 by kjay, shaal, markconroy: Add the language switcher block to Umami Demo

core/profiles/demo_umami/config/install/block.block.languageswitcher.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - language
+  theme:
+    - umami
+id: languageswitcher
+theme: umami
+region: pre_header
+weight: 0
+provider: null
+plugin: 'language_block:language_interface'
+settings:
+  id: 'language_block:language_interface'
+  label: 'Language switcher'
+  provider: language
+  label_display: '0'
+visibility: {  }

core/profiles/demo_umami/config/install/block.block.umami_account_menu.yml

@@ -10,7 +10,7 @@ dependencies:
 id: umami_account_menu
 theme: umami
 region: pre_header
-weight: -6
+weight: 2
 provider: null
 plugin: 'system_menu_block:account'
 settings:

core/profiles/demo_umami/config/install/block.block.umami_search.yml

@@ -8,7 +8,7 @@ dependencies:
 id: umami_search
 theme: umami
 region: pre_header
-weight: -7
+weight: 1
 provider: null
 plugin: search_form_block
 settings:

core/profiles/demo_umami/themes/umami/css/components/blocks/language-switcher/language-switcher.css

@@ -0,0 +1,30 @@
+/**
+ * @file
+ * Stylesheet for the language switcher block.
+ */
+
+.block-language > .links {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: inline-flex;
+}
+
+.block-language > .links li + li {
+  margin-left: 1rem;
+}
+
+.language-link,
+.language-link:hover,
+.language-link:focus {
+  text-decoration: none;
+  color: inherit;
+  background-color: inherit;
+}
+.language-link:hover,
+.language-link:focus {
+  text-decoration: underline;
+}
+.language-link.is-active {
+  font-weight: 700;
+}

core/profiles/demo_umami/themes/umami/css/components/blocks/search/search.css

@@ -10,7 +10,6 @@
 @media screen and (min-width: 48em) {
   .search-block-form {
     display: block;
-    flex: 0 1 50%;
   }
 }
 

core/profiles/demo_umami/themes/umami/css/components/navigation/menu-account/menu-account.css

@@ -6,7 +6,6 @@
 @media screen and (min-width: 48em) {
   .menu--account {
     display: block;
-    flex: 0 1 50%;
     text-align: right; /* LTR */
   }
   [dir="rtl"] .menu--account {

core/profiles/demo_umami/themes/umami/umami.libraries.yml

@@ -9,6 +9,7 @@ global:
       css/components/blocks/disclaimer/disclaimer.css: {}
       css/components/blocks/page-title/page-title.css: {}
       css/components/blocks/footer-promo/footer-promo.css: {}
+      css/components/blocks/language-switcher/language-switcher.css: {}
       css/components/blocks/search/search.css: {}
       css/components/blocks/search/search-results.css: {}
       css/components/blocks/articles-aside/articles-aside.css: {}