|
@@ -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
|
|
|
-// }
|
|
|
+
|