From abef78d23721e13a47928bbdcefb4ca9dfba2fad Mon Sep 17 00:00:00 2001 From: "pmoreno.rodriguez" <60596353+pmoreno-rodriguez@users.noreply.github.com> Date: Tue, 3 Jan 2023 20:06:41 +0100 Subject: [PATCH] Revert "Improve visibility of multiline menu entries" This reverts commit ff3fe0b6f094aef76cbaee282962bd6d2435934f. --- assets/css/main.css | 4 +-- assets/sass/components/_dropdownmenu.scss | 32 +++++++++++------------ 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index d06e32c..9cfb42a 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2635,8 +2635,8 @@ table.alt tfoot { text-transform: uppercase; display: block; border-bottom: none; - padding: 0.5rem 0.8rem; - line-height: 1.5em; + padding: 0.3rem 0.8rem; + line-height: 2.5em; } #header .dropdown li ul li a:hover { color: #181818; diff --git a/assets/sass/components/_dropdownmenu.scss b/assets/sass/components/_dropdownmenu.scss index 9610f8c..0e8cfc0 100644 --- a/assets/sass/components/_dropdownmenu.scss +++ b/assets/sass/components/_dropdownmenu.scss @@ -1,19 +1,19 @@ /* Dropdown menu in header */ #header { - + .dropdown { @include vendor('flex', '1'); border-left: solid 1px _palette(border); height: inherit; line-height: inherit; - margin-left: _size(section-spacing-small); + margin-left: _size(section-spacing-small); li { position: relative; float: left; text-transform: uppercase; font-size: 12pt; - height: inherit; + height: inherit; a { font-family: _font(family-heading); font-size: 0.8em; @@ -22,8 +22,8 @@ @include vendor('display', 'block'); border-bottom: none; padding: 0 0.8rem; - height: inherit; - + height: inherit; + } ul { position: absolute; @@ -35,9 +35,9 @@ line-height: normal; background-color: _palette(bg-dropdown); box-shadow: 0 0.05rem 1rem _palette(border-dropdown) !important; - + li { - + a { font-family: _font(family-heading); font-size: 0.8em; @@ -46,25 +46,25 @@ text-transform: uppercase; @include vendor('display', 'block'); border-bottom: none; - padding: 0.5rem 0.8rem; - line-height: 1.5em; + padding: 0.3rem 0.8rem; + line-height: 2.5em; &:hover { color: #181818; } - } + } ul { left: 100%; top: 0; } - + } } - + } ul { li { - + margin-left: 0.5em; padding-left: 0.5em; @@ -84,14 +84,14 @@ background-color: _palette(bg); box-shadow: 0 0.05rem 1rem _palette(border-dropdown) !important; } - + } } } @include breakpoint('<=medium') { .dropdown { - display: none; - } + display: none; + } } @include breakpoint('<=small') { .dropdown {