diff --git a/sass/_menu.scss b/sass/_menu.scss index 2debb9f1765da66a3f781d8ff56a1660e637bf75..27671cdb71af6cd254a682931b9a5910b8c9639a 100644 --- a/sass/_menu.scss +++ b/sass/_menu.scss @@ -40,4 +40,8 @@ .is-mega-menu-subtitle { padding: .375rem 1rem; } -} \ No newline at end of file +} + +.navbar-dropdown { + overflow: hidden; +} diff --git a/sass/_teckids.scss b/sass/_teckids.scss index ffad834bf2d001b798b77ef3d98fbeaa97e2eca6..dd5d8908be6c6e17d136bc526e09af43ec74a900 100644 --- a/sass/_teckids.scss +++ b/sass/_teckids.scss @@ -10,11 +10,14 @@ $project-colors: ( .menu-project-section { border-left: 0.5em solid; - margin-left: 1em; } @each $project in $projects { #menu-project-section-#{$project} { border-color: map-get($project-colors, $project); + + .is-mega-menu-title .is-mega-menu-subtitle { + color: map-get($project-colors, $project); + } } } diff --git a/templates/menu/projects.html b/templates/menu/projects.html index b4b7f28009f05b3eb7ecd19aa9f99f66c9a8c3cc..fba1b3f30e8344a791798fbb6d830a76d4880784 100644 --- a/templates/menu/projects.html +++ b/templates/menu/projects.html @@ -1,19 +1,21 @@ {% set projects = get_taxonomy(kind = "projekt") %} -<div class="columns"> - {% for project in projects.items %} - <section class="column menu-project-section" id="menu-project-section-{{ project.slug }}"> - {% set section = get_section(path = "projekte/" ~ project.slug ~ "/_index.md") %} - <h1 class="title is-6 is-mega-menu-title">{{ section.title }}</h1> - <p class="is-mega-menu-subtitle">{{ section.description }}</p> +<div class="container is-fluid"> + <div class="columns"> + {% for project in projects.items %} + <section class="column menu-project-section" id="menu-project-section-{{ project.slug }}"> + {% set section = get_section(path = "projekte/" ~ project.slug ~ "/_index.md") %} + <h1 class="title is-6 is-mega-menu-title">{{ section.title }}</h1> + <p class="is-mega-menu-subtitle">{{ section.description }}</p> - {% for page in project.pages %} - <a class="navbar-item" href="{{ page.permalink }}"> - <div class="navbar-content"> - {{ page.title }} - </div> - </a> + {% for page in project.pages %} + <a class="navbar-item" href="{{ page.permalink }}"> + <div class="navbar-content"> + {{ page.title }} + </div> + </a> + {% endfor %} + </section> {% endfor %} - </section> - {% endfor %} + </div> </div> \ No newline at end of file