Merge pull request #181 from openeuropa/OEL-1160

OEL-1160: Header refactor. Add logos from BCL and disable collapse in navbar

assets/.gitignore

@@ -2,3 +2,4 @@
 /css/
 /icons/
 /js/
+/logos/

bcl-builder.config.js

@@ -44,6 +44,21 @@ module.exports = {
       to: path.resolve(outputFolder, "assets/bcl"),
       options: { up: 4 },
     },
+    {
+      from: ["node_modules/@openeuropa/bcl-theme-default/logos/ec/*.svg"],
+      to: path.resolve(outputFolder, "assets/logos/ec"),
+      options: { up: true },
+    },
+    {
+      from: ["node_modules/@openeuropa/bcl-theme-default/logos/eu/standard-version/**"],
+      to: path.resolve(outputFolder, "assets/logos/eu"),
+      options: { up: true },
+    },
+    {
+      from: ["node_modules/@openeuropa/bcl-theme-default/logos/eu/condensed-version/**"],
+      to: path.resolve(outputFolder, "assets/logos/eu/mobile"),
+      options: { up: true },
+    },
   ],
   "rename": [
     {

templates/patterns/navbar/navbar.ui_patterns.yml

@@ -5,7 +5,8 @@ navbar:
     expanded_breakpoint:
       type: string
       label: 'Expanded breakpoint'
-      description: 'The breakpoint at which the menu will be shown as expanded. For earlier breakpoints, it will be shown after clicking a toggle button. Must be a valid breakpoint class (sm, md, lg). Defaults to lg.'
+      description: 'The breakpoint at which the menu will be shown as expanded. For earlier breakpoints, it will be shown after clicking a toggle button. Must be a valid breakpoint class (sm, md, lg). Defaults to lg. If not present, then will not collapse.'
+      preview: 'lg'
     color_scheme:
       type: string
       label: 'Color scheme'

templates/patterns/navbar/pattern-navbar.html.twig

@@ -11,6 +11,9 @@
 {% if background ?? true %}
   {% set background = color_set %}
 {% endif %}
+{% if not expanded_breakpoint %}
+  {% set disable_collapse = true %}
+{% endif %}
 {% set expand = expanded_breakpoint|default('lg') %}
 
 {% block branding %}

tests/src/Kernel/fixtures/markup_rendering_patterns/navbar.yml

@@ -3,6 +3,7 @@ navbar_pattern_large_light_scheme_default_breakpoint:
     '#type': pattern
     '#id': navbar
     '#fields':
+      expanded_breakpoint: 'lg'
       color_scheme: light
       branding:
         - '#type': pattern
@@ -90,6 +91,7 @@ navbar_pattern_medium_dark_scheme_md_breakpoint:
         - '#type': pattern
           '#id': link
           '#fields':
+            expanded_breakpoint: 'lg'
             label: 'OpenEuropa Site'
             path: 'https://europa.eu/'
             attributes:
@@ -165,6 +167,7 @@ navbar_pattern_medium_default_scheme_only_navigation:
     '#type': pattern
     '#id': navbar
     '#fields':
+      expanded_breakpoint: 'lg'
       navigation:
         - '#type': pattern
           '#id': link