bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

logos partenaires footer & js close header

Browse Source
This commit is contained in:
ouidade
2023-11-27 11:01:05 +01:00
parent fbb9165185
commit 155f283b57
7 changed files with 88 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+32 -13
View File
@@ -22,6 +22,14 @@
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: white; } background-color: white; }
.links {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white;
width: fit-content; }
.mailto { .mailto {
text-decoration: underline; } text-decoration: underline; }
@@ -221,18 +229,6 @@ header {
height: 0; height: 0;
/* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%; } 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 { header .region-header #block-reha-config-pages .contacts .contacts-full {
display: none; display: none;
background-color: white; background-color: white;
@@ -240,13 +236,19 @@ header {
right: 0px; right: 0px;
top: 100%; top: 100%;
width: 550px; width: 550px;
padding-left: 3.5rem;
padding-top: 1rem;
height: 200vh; height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); } 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 { header .region-header #block-reha-config-pages .contacts .contacts-full .field__item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 5% 10% 5% 5%; } padding-left: 3rem; }
header .region-header #block-reha-views-block-current-user-block-block-1 { header .region-header #block-reha-views-block-current-user-block-block-1 {
grid-column: 9; grid-column: 9;
display: flex; display: flex;
@@ -325,6 +327,14 @@ footer {
#footer-right #block-reha-config-pages-2 { #footer-right #block-reha-config-pages-2 {
display: flex; display: flex;
flex-direction: column; } 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 { .form-item {
display: flex; display: flex;
@@ -434,3 +444,12 @@ input {
.user--register h1 { .user--register h1 {
font-size: 3rem !important; font-size: 3rem !important;
font-weight: 600; } 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; }
web/themes/custom/reha/js/reha.js
+5 -5
View File
@@ -29,9 +29,9 @@ jQuery(document).ready(function($){
if ($(".connexion-full").is(":visible")) { if ($(".connexion-full").is(":visible")) {
$(".connexion-full").slideUp(); $(".connexion-full").slideUp();
} }
// if ($(".connected-full").is(":visible")) { if ($(".connected-full").is(":visible")) {
// $(".connected-full").slideUp(); $(".connected-full").slideUp();
// } }
// Ouvrir .contacts-full // Ouvrir .contacts-full
$(".contacts-full").slideToggle(); $(".contacts-full").slideToggle();
@@ -73,8 +73,8 @@ jQuery(document).ready(function($){
if ($(".contacts-full").is(":visible")) { if ($(".contacts-full").is(":visible")) {
$(".contacts-full").slideUp(); $(".contacts-full").slideUp();
} }
if ($(".contacts-full").is(":visible")) { if ($(".connexion-full").is(":visible")) {
$(".contacts-full").slideUp(); $(".connexion-full").slideUp();
} }
// // Ouvrir .connexion-full // // Ouvrir .connexion-full
// $(".connected-full").slideToggle(); // $(".connected-full").slideToggle();
web/themes/custom/reha/scss/global/variables/_buttons.scss
+9 -1
View File
@@ -7,7 +7,6 @@
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: $white-button; background-color: $white-button;
width: fit-content; width: fit-content;
} }
.bouton{ .bouton{
background-color: $white-button !important; background-color: $white-button !important;
@@ -24,3 +23,12 @@
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: $white-button; background-color: $white-button;
} }
.links{
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: $white-button;
width: fit-content;
}
web/themes/custom/reha/scss/pages/_operations.scss
+16
View File
@@ -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;
}
web/themes/custom/reha/scss/partials/_footer.scss
+16
View File
@@ -48,5 +48,21 @@ margin-left: 10rem;
#block-reha-config-pages-2{ #block-reha-config-pages-2{
display: flex; display: flex;
flex-direction: column; 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;
}
}
}
} }
} }
web/themes/custom/reha/scss/partials/_header.scss
+9 -17
View File
@@ -90,22 +90,6 @@ header{
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%; 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 { .contacts-full {
display: none; display: none;
background-color: $white-header; background-color: $white-header;
@@ -113,14 +97,22 @@ header{
right:0px; right:0px;
top: 100%; top: 100%;
width: $width-menu-slidedown; width: $width-menu-slidedown;
padding-left: 3.5rem;
padding-top: 1rem;
// width: 30vw; // width: 30vw;
height: 200vh; height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
.titre{
padding-left:3rem ;
::after{
left: 320px;
}
}
.field__item{ .field__item{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 5% 10% 5% 5%; padding-left: 3rem;
} }
} }
} }
web/themes/custom/reha/scss/reha.scss
+1
View File
@@ -22,3 +22,4 @@
/*pages*/ /*pages*/
@import "pages/home"; @import "pages/home";
@import "pages/creer-un-compte"; @import "pages/creer-un-compte";
@import "pages/operations.scss";