bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header menu déroulant fond blanc & position

Browse Source
This commit is contained in:
ouidade
2021-11-19 17:24:17 +01:00
parent a7718ef9be
commit 5193ca86ae
3 changed files with 44 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_static.scss
+5 -3
View File
@@ -61,9 +61,11 @@
padding-bottom: 0.5rem;
padding-top: 0.5rem;
// &:focus{
// text-decoration: underline;
// }
&:hover{
text-decoration: underline;
}
// &::after{
// border-bottom: olivedrab;
// }
web/themes/custom/eql/scss/partials/_header.scss
+23 -10
View File
@@ -1,39 +1,45 @@
.layout-container{
position: absolute;
position: relative;
}
header{
display: block;
display: block;
position: sticky;
top:0;
}
#header-top {
height: fit-content;
height: 7rem;
background-color: $white;
box-shadow: 1px 0px 8px $black;
display: flex;
flex-direction: row;
justify-content: space-between;
color: $black;
position: sticky;
top:0%;
.region-header-top-left {
display:flex;
flex-direction: row;
padding: 1rem;
align-items: center;
align-items:start;
color: $black;
font-weight: 800;
ul{
#block-logogouv{
display: flex;
height: 100%;
align-items: center;
}
ul{
position: absolute;
list-style: none;
display: flex;
flex-direction: row;
li {
// background-color: red;
padding-right: 1rem;
a {
color: $black;
@@ -45,6 +51,7 @@ display: block;
.ul2{
flex-direction: column;
display: none;
}
:hover{
color: $blue-light;
@@ -59,8 +66,14 @@ display: block;
:hover {
.ul2{
display: block;
position: relative;
transition: ease-in-out 2s;
background-color: $white;
padding: 1rem;
// a{
// color: $white;
// }
// position: relative;
// transition: ease-in-out 2s;
}
}