From 9af61e0c7ebc33ace419264f603479cfea5be4b3 Mon Sep 17 00:00:00 2001 From: "Timothy J. Warren" Date: Thu, 27 Oct 2022 11:54:47 -0400 Subject: [PATCH] Reformat the header into a mega dropdown --- public/css/app.css | 36 +++++++++ templates/header.html.twig | 157 ++++++++++++++++++++++--------------- 2 files changed, 130 insertions(+), 63 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index 49e91db..b87a795 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -64,3 +64,39 @@ textarea { text-decoration: line-through; color: #000; } + +/* ---------------------------------------------------------------------------- + Mega Menu +---------------------------------------------------------------------------- */ + +.mega-menu .dropdown-pane { + width: 100%; + margin: 0 auto !important; + left: 0% !important; + right: 0% !important; +} + +.mega-menu .menu { + background: none; +} + +.mega-menu > a { + position: relative; +} + +.mega-menu > a::after { + display: block; + width: 0; + height: 0; + border: inset 6px; + content: ''; + border-bottom-width: 0; + border-top-style: solid; + border-color: #1779ba transparent transparent; + /* margin-left: calc(100% + .25rem);*/ + position:absolute; + top: 45%; + right: 0; +} + + diff --git a/templates/header.html.twig b/templates/header.html.twig index 53232d4..0239229 100644 --- a/templates/header.html.twig +++ b/templates/header.html.twig @@ -1,72 +1,103 @@ -

Collection CRUD

- -