Code development platform for open source projects from the European Union institutions

Skip to content
Snippets Groups Projects
Commit eba124fc authored by escuriola's avatar escuriola
Browse files

OEL-1160: Remove header pattern.

parent ee074c86
No related branches found
No related tags found
1 merge request!71OEL-1160: Header refactor.
header:
label: Header
description: A navigation section for the header
variants:
ec:
label: European Commission
eu:
label: European Union
fields:
navbar_branding:
type: array
label: "Brand title"
description: "Your company, product, or project name."
preview:
- type: html_tag
tag: span
value: "Brand"
navbar_right:
type: array
label: Text
description: "Vertically centered strings of text."
preview: "Navbar text with an inline element"
header_top:
type: array
label: 'Header Top'
header_left:
type: array
label: 'Header Left'
header_right:
type: array
label: 'Header Right'
breadcrumbs:
type: array
label: 'Breadcrumbs'
{#
/**
* @file
* Template override for pattern header variant EC.
*/
#}
{% extends "pattern-header.html.twig" %}
{% block header %}
{% set _header_attributes = create_attribute().addClass(['bcl-header--ec', 'bcl-header']) %}
{{ parent() }}
{% endblock %}
{#
/**
* @file
* Template override for pattern header variant EU.
*/
#}
{% extends "pattern-header.html.twig" %}
{% block header %}
{% set _header_attributes = create_attribute().addClass(['bcl-header--eu', 'bcl-header']) %}
{{ parent() }}
{% endblock %}
{#
/**
* @file
* Template for header pattern.
*/
#}
{% set _nav_attributes = create_attribute().addClass([
'w-100',
'shadow-sm',
'navbar',
'navbar-expand-lg',
'navbar-light',
]) %}
{% set navbar_attributes = create_attribute().addClass(['bcl-header__navbar']) %}
{% set _header_attributes = create_attribute() %}
{% set _project_attributes = create_attribute().addClass([
'bcl-header__project',
bcl_header_style == 'light' ? bcl_header_style,
]) %}
{% block header %}
<header {{ _header_attributes }}>
{% endblock %}
<nav {{ _nav_attributes }}>
<div class="container">
{{ navbar_branding }}
<ul class="nav">
{{ navbar_right }}
</ul>
</div>
</nav>
<div {{ _project_attributes }}>
<div class="container">
{{ header_top }}
</div>
</div>
{{ pattern('navbar', {
navigation: header_left,
right: header_right,
color_scheme: 'dark',
background: false,
attributes: navbar_attributes,
}) }}
<div class="container">
{{ breadcrumbs }}
</div>
</header>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment