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

display flex entete site

Browse Source
This commit is contained in:
ouidade
2025-08-08 01:08:11 +02:00
parent 9f202561a4
commit 036af75f3b
7 changed files with 112 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/bundle.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
web/themes/custom/reha/dist/css/bundle.css
Vendored
+53 -10
View File
@@ -661,6 +661,7 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
border-bottom: 1px solid black; border-bottom: 1px solid black;
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li { header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
width: fit-content;
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;
@@ -1065,6 +1066,8 @@ aside.layout-sidebar-second footer.view-footer {
padding-top: 0; padding-top: 0;
align-self: left; align-self: left;
margin-left: 1rem; margin-left: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
aside.layout-sidebar-second footer.view-footer { aside.layout-sidebar-second footer.view-footer {
@@ -1965,7 +1968,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.home-page-layout-content .block-views-blocksites-block-1 { .home-page-layout-content .block-views-blocksites-block-1 {
top: -44px; top: -44px;
position: relative; position: relative;
height: 550px;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row { .home-page-layout-content .block-views-blocksites-block-1 .views-row {
@@ -1979,12 +1981,17 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
background-color: white; background-color: white;
height: 520px;
width: 1274px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: auto; margin: auto;
} }
@media (max-width: 1400px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
width: 100%;
display: flex;
flex-direction: row;
}
}
@media (max-width: 891px) { @media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
width: 100%; width: 100%;
@@ -1994,34 +2001,57 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
order: 1; order: 1;
width: 70%;
}
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
width: 100%;
}
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
position: relative;
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img {
height: 520px; width: 100%;
width: auto;
object-fit: contain; object-fit: contain;
height: fit-content;
}
@media (max-width: 1500px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img {
width: 100%;
}
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote {
position: relative; position: absolute;
font-style: italic; font-style: italic;
margin: 0; margin: 0;
width: 20vw; width: 20vw;
z-index: 900; z-index: 900;
left: 20vw; right: -20vw;
top: -50px; bottom: 0px;
}
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote {
left: 0;
top: 0;
width: 100%;
}
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p {
margin: 0; margin: 0;
padding-left: 1rem; padding-left: 1rem;
padding-bottom: 1rem;
}
@media (max-width: 900px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p {
font-size: 0.8rem;
}
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
width: 20vw;
height: 400px;
order: 2; order: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -2034,6 +2064,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
@media (max-width: 891px) { @media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
width: auto; width: auto;
height: auto;
display: flex;
margin: auto;
margin-bottom: 2rem;
margin-top: 2rem;
} }
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 {
@@ -2121,6 +2156,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 .field--type-link {
padding-left: 0.5rem;
padding-right: 0.3rem;
}
.page-sitespilotes .views-element-container { .page-sitespilotes .views-element-container {
padding-bottom: 8rem; padding-bottom: 8rem;
@@ -2512,6 +2551,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 4rem; margin-bottom: 4rem;
} }
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link {
padding-left: 0.5rem;
padding-right: 0.3rem;
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after { .page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
content: url("../dist/images/noun-arrow-1569918-black.svg"); content: url("../dist/images/noun-arrow-1569918-black.svg");
} }
web/themes/custom/reha/js/reha.js
+7 -26
View File
@@ -98,25 +98,6 @@ jQuery(document).ready(function($){
checkMobileAndApplyClass(); checkMobileAndApplyClass();
}); });
// $("aside.layout-sidebar-second h2").click(function(event) {
// const aside = $(".layout-sidebar-second");
// const heading = $("aside.layout-sidebar-second h2");
// // Vérifie si la classe 'close' est présente
// const isClosed = aside.hasClass('close');
// if (isClosed) {
// aside.removeClass('close');
// heading.removeClass('__close');
// sessionStorage.setItem('asideOpened', 'false');
// } else {
// aside.addClass('close');
// heading.addClass('__close');
// sessionStorage.setItem('asideOpened', 'true');
// }
// });
// Gestion toggle du panneau au clic sur le h2 // Gestion toggle du panneau au clic sur le h2
$("aside.layout-sidebar-second h2").click(function () { $("aside.layout-sidebar-second h2").click(function () {
const aside = $(".layout-sidebar-second"); const aside = $(".layout-sidebar-second");
@@ -134,12 +115,12 @@ jQuery(document).ready(function($){
} }
}); });
// Forcer la fermeture du panneau au clic sur .views-field-title // Forcer la fermeture du panneau au clic sur .views-field-title
$("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title").click(function () { $("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title").click(function () {
$(".layout-sidebar-second").addClass('close'); $(".layout-sidebar-second").addClass('close');
$(".layout-sidebar-second h2").addClass('__close'); $(".layout-sidebar-second h2").addClass('__close');
sessionStorage.setItem('asideOpened', 'true'); sessionStorage.setItem('asideOpened', 'true');
}); });
}); });
@@ -160,7 +141,7 @@ $("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title
centerMode: true, centerMode: true,
adaptiveHeight: true, adaptiveHeight: true,
// centerPadding: '100px', // centerPadding: '100px',
autoplay: true, autoplay: false,
autoplaySpeed: 2000, autoplaySpeed: 2000,
responsive: [ responsive: [
{ {
web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss
+2
View File
@@ -30,6 +30,8 @@
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 4rem; margin-bottom: 4rem;
.field--type-link{ .field--type-link{
padding-left: 0.5rem;
padding-right: 0.3rem;
.field__item::after{ .field__item::after{
content: url('../dist/images/noun-arrow-1569918-black.svg'); content: url('../dist/images/noun-arrow-1569918-black.svg');
} }
web/themes/custom/reha/scss/pages/home/_home-view-sites.scss
+46 -11
View File
@@ -28,23 +28,29 @@
.block-views-blocksites-block-1 { .block-views-blocksites-block-1 {
top: -44px; top: -44px;
position: relative; position: relative;
height: 550px; // height: 550px;
.views-row{ .views-row{
@media(max-width: 891px){ @media(max-width: 891px){
margin-left: 1.8rem; margin-left: 1.8rem;
margin-right: 1.8rem; margin-right: 1.8rem;
} }
.node-type-site{ .node-type-site{
width: 70%; width: 70%;
margin: auto; margin: auto;
.entete_site{ .entete_site{
background-color: white; background-color: white;
height: 520px; // height: 520px;
width: 1274px; // width: 1274px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: auto; margin: auto;
@media(max-width: 1400px){
width: 100%;
display: flex;
flex-direction: row;
}
@media(max-width: 891px){ @media(max-width: 891px){
width: 100%; width: 100%;
display: flex; display: flex;
@@ -53,26 +59,44 @@
.image-site{ .image-site{
order: 1; order: 1;
width: 70%;
@media(max-width: 900px){
width: 100%;
}
.field__item{ .field__item{
display: flex; display: flex;
flex-direction:column; flex-direction:column;
align-items: flex-end; align-items: flex-end;
position: relative;
img { img {
height: 520px; // height: 520px;
width: auto; width: 100%;
object-fit: contain; object-fit: contain;
height: fit-content;
@media(max-width: 1500px){
width: 100%;
}
} }
blockquote{ blockquote{
position: relative; position: absolute;
font-style: italic; font-style: italic;
margin: 0; margin: 0;
width: 20vw; width: 20vw;
z-index: 900; z-index: 900;
left: 20vw; right: -20vw;
top: -50px; bottom: 0px;
@media(max-width: 900px){
left: 0;
top: 0;
width: 100%;
}
p{ p{
margin: 0; margin: 0;
padding-left: 1rem; padding-left: 1rem;
padding-bottom: 1rem;
@media(max-width: 900px){
font-size: 0.8rem;
}
} }
} }
} }
@@ -80,8 +104,8 @@
} }
.infos-content-site{ .infos-content-site{
background-color: $white-button; background-color: $white-button;
width: 20vw; // width: 20vw;
height: 400px; // height: 400px;
order: 2; order: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -92,6 +116,11 @@
justify-content: center; justify-content: center;
@media(max-width: 891px){ @media(max-width: 891px){
width: auto; width: auto;
height: auto;
display: flex;
margin: auto;
margin-bottom: 2rem;
margin-top: 2rem;
} }
h1{display: none;} h1{display: none;}
h2{ h2{
@@ -188,5 +217,11 @@
// top: -10px; // top: -10px;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 4rem; margin-bottom: 4rem;
.field--type-link{
padding-left: 0.5rem;
padding-right: 0.3rem;
}
} }
} }
web/themes/custom/reha/scss/partials/_aside.scss
+2
View File
@@ -161,6 +161,8 @@ aside.layout-sidebar-second{
padding-top: 0; padding-top: 0;
align-self: left; align-self: left;
margin-left: 1rem; margin-left: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
@media (max-width:891px) { @media (max-width:891px) {
font-size: 1rem; font-size: 1rem;
web/themes/custom/reha/scss/partials/_header.scss
+1
View File
@@ -371,6 +371,7 @@ header{
} }
li{ li{
width: fit-content;
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;