clean css header

This commit is contained in:
2023-11-24 10:22:10 +01:00
parent 644175c7aa
commit 9d302a3ead
@@ -54,7 +54,6 @@ header{
flex-direction: column;
height: fit-content;
.connexion{
// float: right;
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%;
position: relative;
@@ -62,12 +61,9 @@ header{
display: none;
right:-235px;
top: 36px; // Positionnez-les sous les boutons
// right: 0; // Ou ajustez selon vos besoins
position: absolute;
background-color: $white;
// width: 400px;
width: 30vw;
height: 100vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
@@ -90,7 +86,6 @@ header{
height: fit-content;
.config_pages--contact--full {
// float: right;
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%;
.field--type-text-long {
@@ -99,7 +94,6 @@ header{
position: absolute;
right:0px;
top: 100%;
// width: 500px;
width: 30vw;
height: 100vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
@@ -111,8 +105,6 @@ header{
}
}
}
}
}
@@ -124,20 +116,11 @@ header{
display: inline-flex;
}
}
}
// .config_pages--contact--full, .connexion-full {
// position: absolute;
// top: 100%; // Positionnez-les sous les boutons
// right: 0; // Ou ajustez selon vos besoins
// display: none; // Assurez-vous qu'ils ne sont pas visibles par défaut
// // ... (autres styles)
// }
// #block-reha-connexionutilisateur:hover .connexion-full,
// #block-reha-config-pages:hover .config_pages--contact--full {
// display: block; // Affichez-les lorsqu'ils sont survolés
// }