diff --git a/web/themes/custom/reha/css/reha.css b/web/themes/custom/reha/css/reha.css index 0393f14..6677a54 100644 --- a/web/themes/custom/reha/css/reha.css +++ b/web/themes/custom/reha/css/reha.css @@ -157,7 +157,7 @@ header { header div { display: inline-grid; align-items: center; - grid-template-columns: repeat(10, 1fr); } + grid-template-columns: 210px, 210px, repeat(6, 1fr) 210px, 210px; } header div #block-reha-logoministere { grid-column: 1; width: fit-content; @@ -211,7 +211,6 @@ header { content: url(../images/noun-letter-1064628.svg); padding-right: 1rem; } header div #block-reha-config-pages .config_pages--contact--full { - float: right; height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ width: 100%; } @@ -257,7 +256,8 @@ footer { padding-left: 0; } #block-reha-operateurduprogramme { - grid-column: 4 /span 5; + grid-column-start: 4; + grid-column-end: 6; grid-row: 1 /span 3; display: flex; flex-direction: column; diff --git a/web/themes/custom/reha/scss/partials/_footer.scss b/web/themes/custom/reha/scss/partials/_footer.scss index 465dc16..893ae5a 100644 --- a/web/themes/custom/reha/scss/partials/_footer.scss +++ b/web/themes/custom/reha/scss/partials/_footer.scss @@ -28,7 +28,9 @@ footer{ } #block-reha-operateurduprogramme{ - grid-column: 4 /span 5; + // grid-column: 4 /span 5; + grid-column-start: 4; + grid-column-end: 6; grid-row: 1 /span 3; display: flex; flex-direction: column; diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index 7e6e3b5..64c75a4 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -17,7 +17,7 @@ header{ div{ display: inline-grid; align-items: center; - grid-template-columns: repeat(10, 1fr) ; + grid-template-columns: 210px, 210px, repeat(6, 1fr) 210px, 210px; #block-reha-logoministere{ grid-column: 1; @@ -87,7 +87,7 @@ header{ height: fit-content; .config_pages--contact--full { - float: right; + // float: right; height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ width: 100%; .field--type-text-long { @@ -122,103 +122,3 @@ header{ - -// pop in biographie - -// .config_pages--contact--full { -// position: fixed; -// z-index: 1; -// top: $header-height; -// right: 0; -// bottom: 0; -// left: 0; -// display: none; -// } -// .config_pages--contact--full.open{ -// display: block; -// // .bouton { -// // border: solid !important; -// // background-color: transparent; -// // text-transform: uppercase; -// // align-self: flex-end; -// // margin:auto; -// // margin-bottom: 2rem; -// // } -// } - -// .config_pages--contact--full .field--type-text-long{ -// position: absolute; -// background: white !important; -// top: 50%; -// left: 50%; -// transform: translateX(-50%) translateY(-50%); -// width: 50%; -// height: content; -// min-height: 50px; -// border: solid; -// color: black; - -// .field__item{ -// padding: 5% 10% 5% 5%; -// } - -// // a.close{ -// // position: absolute; -// // right: 5%; -// // top:5%; -// // color: black; -// // font-size: 30px; -// // } - -// // a.close:hover{ -// // color: black; -// // } - -// @media (max-width: 442px) { -// transform: translateX(-50%) translateY(-50%); -// width: 85%; -// height: 80%; -// overflow-y: scroll; -// // a.close { -// // font-size: 0.8rem; -// // position: absolute; -// // right: 2%; -// // top:0.8%; -// // } -// p { -// font-size: 0.8rem; -// margin-top: 0; -// } -// .field__item{ -// padding: 5% 5% 5% 5%; -// } - -// } -// @media (max-width: 1024px) { -// transform: translateX(-50%) translateY(-50%); -// width: 75%; -// height: 65%; -// overflow-y: scroll; -// a.close { -// font-size: 0.8rem; -// position: absolute; -// right: 2%; -// top:0.8%; -// } -// p { -// font-size: 0.8rem; -// margin-top: 0; -// } -// .field__item{ -// padding: 5% 5% 5% 5%; -// } - -// } -// } - - - - - - - diff --git a/web/themes/custom/reha/scss/reha.scss b/web/themes/custom/reha/scss/reha.scss index 362c977..652817b 100644 --- a/web/themes/custom/reha/scss/reha.scss +++ b/web/themes/custom/reha/scss/reha.scss @@ -21,4 +21,4 @@ /*pages*/ @import "pages/home"; -@import "pages/creer-un-compte.scss"; +@import "pages/creer-un-compte";