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;
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site {
height: 520px;
width: 771px;
order: 1;
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image {
width: 100%;
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;
flex-direction: column;
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;
width: auto;
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 {
position: relative;
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .slick-list .field__item blockquote {
font-style: italic;
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;
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');
});
// 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(){
// $('.page-node-site .node-type-site .entete_site .image-site .field--name-field-image > div:nth-child(2)').slick({
// slidesToShow: 1,
// slidesToScroll: 1,
// dots: true,
// arrows: false,
// adaptiveHeight: true,
// // centerMode: true,
// // centerPadding: '100px',
// responsive: [
// {
// breakpoint: 810,
// settings: {
// slidesToShow: 1,
// adaptiveHeight: true,
// arrows: false,
// draggable: true,
// centerMode: true,
// }
// }]
// });
// console.log('slick site');
// });
$(document).ready(function(){
$('.page-node-site .field--name-field-image .field__items').slick({
slidesToShow: 1,
// slidesToScroll: 1,
dots: true,
arrows: false,
// adaptiveHeight: true,
centerMode: true,
// centerPadding: '100px',
responsive: [
{
breakpoint: 810,
settings: {
slidesToShow: 1,
adaptiveHeight: true,
arrows: false,
draggable: true,
centerMode: true,
}
}]
});
console.log('slick site');
});
web/themes/custom/reha/scss/pages/node-site.scss
+28 -20
View File
@@ -63,36 +63,44 @@
flex-direction: row;
margin: auto;
.image-site{
height: 520px;
width: 771px;
order: 1;
// top: -115px;
// position: relative;
.field--name-field-image{
width: 100%;
margin: auto;
.field__item{
display: flex;
flex-direction:column;
align-items: flex-end;
img{
height: 520px;
width: auto;
object-fit: contain;
}
blockquote{
position: relative;
font-style: italic;
margin: 0;
width: 20vw;
z-index: 900;
left: 20vw;
top: -50px;
p{
.slick-dots{z-index: 999;}
.slick-list{
padding: 0 !important;
.field__item{
display: flex;
flex-direction:column;
align-items: flex-end;
img{
height: 520px;
width: auto;
object-fit: contain;
}
blockquote{
// position: relative;
font-style: italic;
margin: 0;
padding-left: 1rem;
// width: 20vw;
// z-index: 900;
// left: 20vw;
// top: -50px;
p{
margin: 0;
padding-left: 1rem;
}
}
}
}
}
}