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;
}
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
width: fit-content;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
@@ -1065,6 +1066,8 @@ aside.layout-sidebar-second footer.view-footer {
padding-top: 0;
align-self: left;
margin-left: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
}
@media (max-width: 891px) {
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 {
top: -44px;
position: relative;
height: 550px;
}
@media (max-width: 891px) {
.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 {
background-color: white;
height: 520px;
width: 1274px;
display: flex;
flex-direction: row;
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) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
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 {
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 {
display: flex;
flex-direction: column;
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 {
height: 520px;
width: auto;
width: 100%;
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 {
position: relative;
position: absolute;
font-style: italic;
margin: 0;
width: 20vw;
z-index: 900;
left: 20vw;
top: -50px;
right: -20vw;
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 {
margin: 0;
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 {
background-color: rgb(255, 255, 255);
width: 20vw;
height: 400px;
order: 2;
display: flex;
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) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
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 {
@@ -2121,6 +2156,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 1rem;
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 {
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-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 {
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();
});
// $("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
$("aside.layout-sidebar-second h2").click(function () {
const aside = $(".layout-sidebar-second");
@@ -134,12 +115,12 @@ jQuery(document).ready(function($){
}
});
// 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 () {
$(".layout-sidebar-second").addClass('close');
$(".layout-sidebar-second h2").addClass('__close');
sessionStorage.setItem('asideOpened', 'true');
});
// 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 () {
$(".layout-sidebar-second").addClass('close');
$(".layout-sidebar-second h2").addClass('__close');
sessionStorage.setItem('asideOpened', 'true');
});
});
@@ -160,7 +141,7 @@ $("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title
centerMode: true,
adaptiveHeight: true,
// centerPadding: '100px',
autoplay: true,
autoplay: false,
autoplaySpeed: 2000,
responsive: [
{
web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss
+2
View File
@@ -30,6 +30,8 @@
margin-top: 2rem;
margin-bottom: 4rem;
.field--type-link{
padding-left: 0.5rem;
padding-right: 0.3rem;
.field__item::after{
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 {
top: -44px;
position: relative;
height: 550px;
// height: 550px;
.views-row{
@media(max-width: 891px){
margin-left: 1.8rem;
margin-right: 1.8rem;
}
.node-type-site{
width: 70%;
margin: auto;
.entete_site{
background-color: white;
height: 520px;
width: 1274px;
// height: 520px;
// width: 1274px;
display: flex;
flex-direction: row;
margin: auto;
@media(max-width: 1400px){
width: 100%;
display: flex;
flex-direction: row;
}
@media(max-width: 891px){
width: 100%;
display: flex;
@@ -53,26 +59,44 @@
.image-site{
order: 1;
width: 70%;
@media(max-width: 900px){
width: 100%;
}
.field__item{
display: flex;
flex-direction:column;
align-items: flex-end;
position: relative;
img {
height: 520px;
width: auto;
object-fit: contain;
// height: 520px;
width: 100%;
object-fit: contain;
height: fit-content;
@media(max-width: 1500px){
width: 100%;
}
}
blockquote{
position: relative;
position: absolute;
font-style: italic;
margin: 0;
width: 20vw;
z-index: 900;
left: 20vw;
top: -50px;
right: -20vw;
bottom: 0px;
@media(max-width: 900px){
left: 0;
top: 0;
width: 100%;
}
p{
margin: 0;
padding-left: 1rem;
padding-bottom: 1rem;
@media(max-width: 900px){
font-size: 0.8rem;
}
}
}
}
@@ -80,8 +104,8 @@
}
.infos-content-site{
background-color: $white-button;
width: 20vw;
height: 400px;
// width: 20vw;
// height: 400px;
order: 2;
display: flex;
flex-direction: column;
@@ -92,6 +116,11 @@
justify-content: center;
@media(max-width: 891px){
width: auto;
height: auto;
display: flex;
margin: auto;
margin-bottom: 2rem;
margin-top: 2rem;
}
h1{display: none;}
h2{
@@ -188,5 +217,11 @@
// top: -10px;
margin-top: 1rem;
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;
align-self: left;
margin-left: 1rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
@media (max-width:891px) {
font-size: 1rem;
web/themes/custom/reha/scss/partials/_header.scss
+1
View File
@@ -371,6 +371,7 @@ header{
}
li{
width: fit-content;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;