diff --git a/web/themes/custom/reha/css/reha.css b/web/themes/custom/reha/css/reha.css index ad3f4b4..f31c91a 100644 --- a/web/themes/custom/reha/css/reha.css +++ b/web/themes/custom/reha/css/reha.css @@ -22,6 +22,14 @@ margin-bottom: 1rem; background-color: white; } +.links { + text-transform: uppercase; + padding: 1rem; + border: solid black 1px; + margin-bottom: 1rem; + background-color: white; + width: fit-content; } + .mailto { text-decoration: underline; } @@ -221,18 +229,6 @@ header { height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ width: 100%; } - header .region-header #block-reha-config-pages .contacts .titre { - display: none; - display: inline-flex; - font-weight: 800; - position: relative; - margin-top: 2rem; } - header .region-header #block-reha-config-pages .contacts .titre ::after { - content: url(../images/noun-cross-1151731.svg); - float: right; - position: relative; - left: 200px; - cursor: pointer; } header .region-header #block-reha-config-pages .contacts .contacts-full { display: none; background-color: white; @@ -240,13 +236,19 @@ header { right: 0px; top: 100%; width: 550px; + padding-left: 3.5rem; + padding-top: 1rem; height: 200vh; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; clip-path: inset(0px -10px -10px -10px); } + header .region-header #block-reha-config-pages .contacts .contacts-full .titre { + padding-left: 3rem; } + header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after { + left: 320px; } header .region-header #block-reha-config-pages .contacts .contacts-full .field__item { display: flex; flex-direction: column; - padding: 5% 10% 5% 5%; } + padding-left: 3rem; } header .region-header #block-reha-views-block-current-user-block-block-1 { grid-column: 9; display: flex; @@ -325,6 +327,14 @@ footer { #footer-right #block-reha-config-pages-2 { display: flex; flex-direction: column; } + #footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items { + display: flex; + flex-direction: row; + flex-wrap: wrap; } + #footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items img { + max-width: 150px; + height: fit-content; + padding: 1rem; } .form-item { display: flex; @@ -434,3 +444,12 @@ input { .user--register h1 { font-size: 3rem !important; font-weight: 600; } + +.layout-content footer { + background-color: none; } + +.node-type-operation footer { + display: none; } + +html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer { + background-color: none; } diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js index 2191995..c74723a 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -29,9 +29,9 @@ jQuery(document).ready(function($){ if ($(".connexion-full").is(":visible")) { $(".connexion-full").slideUp(); } - // if ($(".connected-full").is(":visible")) { - // $(".connected-full").slideUp(); - // } + if ($(".connected-full").is(":visible")) { + $(".connected-full").slideUp(); + } // Ouvrir .contacts-full $(".contacts-full").slideToggle(); @@ -73,8 +73,8 @@ jQuery(document).ready(function($){ if ($(".contacts-full").is(":visible")) { $(".contacts-full").slideUp(); } - if ($(".contacts-full").is(":visible")) { - $(".contacts-full").slideUp(); + if ($(".connexion-full").is(":visible")) { + $(".connexion-full").slideUp(); } // // Ouvrir .connexion-full // $(".connected-full").slideToggle(); diff --git a/web/themes/custom/reha/scss/global/variables/_buttons.scss b/web/themes/custom/reha/scss/global/variables/_buttons.scss index 9fbee8a..6727196 100644 --- a/web/themes/custom/reha/scss/global/variables/_buttons.scss +++ b/web/themes/custom/reha/scss/global/variables/_buttons.scss @@ -7,7 +7,6 @@ margin-bottom: 1rem; background-color: $white-button; width: fit-content; - } .bouton{ background-color: $white-button !important; @@ -23,4 +22,13 @@ border: solid black 1px; margin-bottom: 1rem; background-color: $white-button; +} + +.links{ + text-transform: uppercase; + padding: 1rem; + border: solid black 1px; + margin-bottom: 1rem; + background-color: $white-button; + width: fit-content; } \ No newline at end of file diff --git a/web/themes/custom/reha/scss/pages/_operations.scss b/web/themes/custom/reha/scss/pages/_operations.scss new file mode 100644 index 0000000..16e0dcf --- /dev/null +++ b/web/themes/custom/reha/scss/pages/_operations.scss @@ -0,0 +1,16 @@ +.layout-content{ + footer{ + background-color: none; + } +} +.node-type-operation{ + footer{ + display: none; + } +} + + +html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer{ + background-color: none; + +} \ No newline at end of file diff --git a/web/themes/custom/reha/scss/partials/_footer.scss b/web/themes/custom/reha/scss/partials/_footer.scss index 0e4ed63..7820987 100644 --- a/web/themes/custom/reha/scss/partials/_footer.scss +++ b/web/themes/custom/reha/scss/partials/_footer.scss @@ -48,5 +48,21 @@ margin-left: 10rem; #block-reha-config-pages-2{ display: flex; flex-direction: column; + .field--name-field-partenaires{ + .field__items{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + // justify-content: space-between; + img{ + max-width: 150px; + // max-height: 100px; + height: fit-content; + // width: fit-content; + + padding: 1rem; + } + } + } } } diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index 6324d40..1ede9e4 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -90,22 +90,6 @@ header{ height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ width: 100%; - .titre{ - display: none; - display: inline-flex; - font-weight: 800; - position: relative; - margin-top: 2rem; - ::after{ - content: url(../images/noun-cross-1151731.svg); - float: right; - position: relative; - left: 200px; - // bottom: 100px; - cursor: pointer; - } - - } .contacts-full { display: none; background-color: $white-header; @@ -113,14 +97,22 @@ header{ right:0px; top: 100%; width: $width-menu-slidedown; + padding-left: 3.5rem; + padding-top: 1rem; // width: 30vw; height: 200vh; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; clip-path: inset(0px -10px -10px -10px); + .titre{ + padding-left:3rem ; + ::after{ + left: 320px; + } + } .field__item{ display: flex; flex-direction: column; - padding: 5% 10% 5% 5%; + padding-left: 3rem; } } } diff --git a/web/themes/custom/reha/scss/reha.scss b/web/themes/custom/reha/scss/reha.scss index 17c42ee..75952d5 100644 --- a/web/themes/custom/reha/scss/reha.scss +++ b/web/themes/custom/reha/scss/reha.scss @@ -22,3 +22,4 @@ /*pages*/ @import "pages/home"; @import "pages/creer-un-compte"; +@import "pages/operations.scss"; \ No newline at end of file