From 7f209aa2146280ad5e3cdb02a3f1a23b4ed8e6ac Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Mon, 12 Dec 2022 16:05:31 +0100
Subject: [PATCH] dropdown filters for diplomas
---
assets/sass/_theme/sections/diplomas.sass | 25 ++++++++++++++---------
1 file changed, 15 insertions(+), 10 deletions(-)
diff --git a/assets/sass/_theme/sections/diplomas.sass b/assets/sass/_theme/sections/diplomas.sass
index 4db39344..eb92809d 100644
--- a/assets/sass/_theme/sections/diplomas.sass
+++ b/assets/sass/_theme/sections/diplomas.sass
@@ -19,7 +19,7 @@ ul.diplomas
.diplomas-select
text-align: right
position: relative
- @include h3
+ @include meta
button
@include button-reset
@include icon(caret, after)
@@ -27,31 +27,36 @@ ul.diplomas
margin-left: 5px
.dropdown-menu
- @include inset(100%, 0, auto, auto)
- background-color: black
+ @include inset(calc(100% + #{$spacing0}), 0, auto, auto)
+ background-color: $color-background-alt
display: none
position: absolute
@include media-breakpoint-down(md)
- // padding-left: $container-gutter-width
- // padding-right: $container-gutter-width
+ right: half(-$grid-gutter-sm)
+ left: half(-$grid-gutter-sm)
&,
a
- color: white
+ color: black
a
+
display: block
- padding: $spacing0
+ font-size: $body-size
+ padding: $spacing1
+ text-decoration: none
white-space: normal
+ @include media-breakpoint-down(md)
+ padding: $spacing0 $spacing1
&:not(:first-child)
border-top: 1px solid $color-border
- @include media-breakpoint-up(md)
- font-size: px2rem(22)
&:hover
- background-color: lighten(black, 3)
+ background-color: $color-accent
+ color: white
&:focus
color: black
button[aria-expanded="true"]
@include icon('caret-top', 'after')
+ font-size: px2rem(6)
+ .dropdown-menu
display: block
--
GitLab