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

sites slick

Browse Source
This commit is contained in:
ouidade
2024-07-01 20:41:06 +02:00
parent 5c16a8f4af
commit 63a8ee1c9a
4 changed files with 64 additions and 53 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
+12 -9
View File
@@ -2753,32 +2753,35 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: auto; margin: auto;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site {
height: 520px;
width: 771px;
order: 1; order: 1;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image {
width: 100%; width: 100%;
margin: auto; margin: auto;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-dots {
z-index: 999;
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list {
padding: 0 !important;
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item img { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item img {
height: 520px; height: 520px;
width: auto; width: auto;
object-fit: contain; object-fit: contain;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote {
position: relative;
font-style: italic; font-style: italic;
margin: 0; margin: 0;
width: 20vw;
z-index: 900;
left: 20vw;
top: -50px;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote p { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote p {
margin: 0; margin: 0;
padding-left: 1rem; padding-left: 1rem;
} }
web/themes/custom/reha/js/reha.js
+23 -23
View File
@@ -164,29 +164,29 @@ jQuery(document).ready(function($){
console.log('slick actu'); console.log('slick actu');
}); });
// html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
// $(document).ready(function(){ $(document).ready(function(){
// $('.page-node-site .node-type-site .entete_site .image-site .field--name-field-image > div:nth-child(2)').slick({ $('.page-node-site .field--name-field-image .field__items').slick({
// slidesToShow: 1, slidesToShow: 1,
// slidesToScroll: 1, // slidesToScroll: 1,
// dots: true, dots: true,
// arrows: false, arrows: false,
// adaptiveHeight: true, // adaptiveHeight: true,
// // centerMode: true, centerMode: true,
// // centerPadding: '100px', // centerPadding: '100px',
// responsive: [ responsive: [
// { {
// breakpoint: 810, breakpoint: 810,
// settings: { settings: {
// slidesToShow: 1, slidesToShow: 1,
// adaptiveHeight: true, adaptiveHeight: true,
// arrows: false, arrows: false,
// draggable: true, draggable: true,
// centerMode: true, centerMode: true,
// } }
// }] }]
// }); });
// console.log('slick site'); console.log('slick site');
// }); });
web/themes/custom/reha/scss/pages/node-site.scss
+27 -19
View File
@@ -63,36 +63,44 @@
flex-direction: row; flex-direction: row;
margin: auto; margin: auto;
.image-site{ .image-site{
height: 520px;
width: 771px;
order: 1; order: 1;
// top: -115px; // top: -115px;
// position: relative; // position: relative;
.field--name-field-image{ .field--name-field-image{
width: 100%; width: 100%;
margin: auto; margin: auto;
.field__item{ .slick-dots{z-index: 999;}
display: flex; .slick-list{
flex-direction:column; padding: 0 !important;
align-items: flex-end; .field__item{
img{ display: flex;
height: 520px; flex-direction:column;
width: auto; align-items: flex-end;
object-fit: contain;
}
blockquote{
position: relative;
font-style: italic;
margin: 0;
width: 20vw;
z-index: 900;
left: 20vw;
top: -50px;
p{ img{
height: 520px;
width: auto;
object-fit: contain;
}
blockquote{
// position: relative;
font-style: italic;
margin: 0; margin: 0;
padding-left: 1rem; // width: 20vw;
// z-index: 900;
// left: 20vw;
// top: -50px;
p{
margin: 0;
padding-left: 1rem;
}
} }
} }
} }
} }
} }