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

slide actus

Browse Source
This commit is contained in:
ouidade
2024-07-03 15:00:08 +02:00
parent d3dd44d009
commit 766099b2b4
8 changed files with 140 additions and 61 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
+59 -19
View File
@@ -1096,8 +1096,6 @@ aside.layout-sidebar-second footer.view-footer :hover {
position: absolute; position: absolute;
display: block; display: block;
z-index: 9; z-index: 9;
height: 20px;
width: 20px;
line-height: 0px; line-height: 0px;
font-size: 0px; font-size: 0px;
cursor: pointer; cursor: pointer;
@@ -1130,8 +1128,6 @@ aside.layout-sidebar-second footer.view-footer :hover {
.slick-prev:before, .slick-prev:before,
.slick-next:before { .slick-next:before {
font-family: "slick"; font-family: "slick";
font-size: 200px;
line-height: 1.5;
color: rgb(153, 147, 174); color: rgb(153, 147, 174);
opacity: 0.4; opacity: 0.4;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@@ -1324,8 +1320,28 @@ aside.layout-sidebar-second footer.view-footer :hover {
display: none; display: none;
} }
.view-actus.slick-slider.slick-next:before { .view-actus .slick-arrow {
background: rgba(255, 255, 255, 0.1); background-image: radial-gradient(white, transparent);
border-radius: 50%;
padding: 0.8rem;
width: 120px;
height: auto;
}
.view-actus .slick-arrow.slick-next {
padding-right: 0rem;
}
.view-actus .slick-arrow.slick-prev {
padding-left: 0rem;
}
.view-sites > .slick-arrow,
.view-actus > .slick-arrow {
top: 50%;
}
.view-sites > .slick-arrow.slick-next,
.view-actus > .slick-arrow.slick-next {
right: 230px;
padding-right: 0rem;
} }
/*pages*/ /*pages*/
@@ -2005,7 +2021,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: fit-content; width: fit-content;
margin: auto; margin: auto;
z-index: 99; z-index: 99;
margin-top: 2rem; margin-top: 1rem;
margin-bottom: 4rem;
} }
.page-sitespilotes h1 { .page-sitespilotes h1 {
@@ -2511,44 +2528,60 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.block-views-blockactus-block-1 { .block-views-blockactus-block-1 {
display: none;
background-color: white; background-color: white;
padding-bottom: 3rem; padding-bottom: 3rem;
padding-left: 12%;
} }
.block-views-blockactus-block-1 h2 { .block-views-blockactus-block-1 h2 {
width: 80%; width: 80%;
margin: auto;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
padding-left: 12%;
font-size: 2rem;
font-weight: 900;
} }
.block-views-blockactus-block-1 .view-id-actus { .block-views-blockactus-block-1 .view-id-actus {
width: 100%; width: 100%;
margin: auto; margin: auto;
} }
.block-views-blockactus-block-1 .view-id-actus .views-row { .block-views-blockactus-block-1 .view-id-actus .views-row {
width: 20vw !important; width: 30vw !important;
padding-right: 5rem; margin-left: 1rem;
}
.block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type {
padding-left: 15%;
} }
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite {
width: 100%; width: 84%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
} }
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite p.field__item { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite p.field__item {
display: none; display: none;
} }
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite {
width: 90%; width: 80%;
margin: auto; height: 250px;
margin-left: 1rem;
} }
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite img { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image {
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items {
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item {
width: 100%;
height: 100%;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item img {
width: 100%; width: 100%;
height: auto; height: auto;
object-fit: cover;
height: 100%;
} }
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content {
position: relative; position: relative;
top: -10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: solid #fdc300 1px; border: solid #fdc300 1px;
@@ -2560,6 +2593,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin: 0; margin: 0;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 600; font-weight: 600;
padding: 0;
} }
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre {
order: 3; order: 3;
@@ -2585,8 +2619,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item {
display: inline; display: inline;
}
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site a {
color: white; color: white;
font-weight: 900; font-weight: 900;
font-size: 0.8rem; font-size: 0.8rem;
@@ -2599,6 +2631,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .body-content { .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .body-content {
display: none; display: none;
} }
.block-views-blockactus-block-1 .view-id-actus .slick-dots {
position: relative;
bottom: 0;
}
.block-views-blockactus-block-1 .view-id-actus .slick-prev {
left: 35px;
}
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 { .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 60%; width: 60%;
@@ -2624,6 +2663,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
z-index: 99; z-index: 99;
position: relative; position: relative;
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 4rem;
} }
.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
+9 -7
View File
@@ -83,20 +83,20 @@ jQuery(document).ready(function($){
// Vérifier l'état initial depuis sessionStorage // Vérifier l'état initial depuis sessionStorage
if (sessionStorage.getItem('asideOpened') === 'true') { if (sessionStorage.getItem('asideOpened') === 'true') {
$(".layout-sidebar-second").addClass('close'); $(".layout-sidebar-second").addClass('close');
$("h2").addClass('__close'); $(".layout-sidebar-second h2").addClass('__close');
} }
$(".view-current-user-doc-profile").click(function(event) { $(".view-current-user-doc-profile").click(function(event) {
// Ouvrir .tiroir fichiers // Ouvrir .tiroir fichiers
$(".layout-sidebar-second").addClass('close'); $(".layout-sidebar-second").addClass('close');
$("h2").addClass('__close'); $(".layout-sidebar-second h2").addClass('__close');
sessionStorage.setItem('asideOpened', 'true'); sessionStorage.setItem('asideOpened', 'true');
}); });
$("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) { $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
// Fermer .tiroir fichiers // Fermer .tiroir fichiers
$(".layout-sidebar-second").removeClass('close'); $(".layout-sidebar-second").removeClass('close');
$("h2").removeClass('__close'); $(".layout-sidebar-second h2").removeClass('__close');
sessionStorage.setItem('asideOpened', 'false'); sessionStorage.setItem('asideOpened', 'false');
}); });
}); });
@@ -134,12 +134,13 @@ jQuery(document).ready(function($){
}); });
$(document).ready(function(){ $(document).ready(function(){
$('.view-id-actus.view-display-id-block_1').slick({ $('.view-id-actus.view-display-id-block_1 ').slick({
slidesToShow: 3, // slidesToShow: 1,
// slidesToScroll: 1, // slidesToScroll: 1,
dots: false, // dots: true,
arrows: true, arrows: true,
centerMode: true, // centerMode: true,
draggable: true,
// centerPadding: '100px', // centerPadding: '100px',
responsive: [ responsive: [
{ {
@@ -155,6 +156,7 @@ 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 .field--name-field-image .field__items').slick({ $('.page-node-site .field--name-field-image .field__items').slick({
web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
+41 -26
View File
@@ -1,43 +1,57 @@
.block-views-blockactus-block-1{ .block-views-blockactus-block-1{
display:none; // display:none;
background-color: white; background-color: white;
padding-bottom: 3rem; padding-bottom: 3rem;
padding-left: 12%; // padding-left: 12%;
h2{ h2{
width: 80%; width: 80%;
margin: auto; // margin: auto;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
padding-left: 12%;
font-size: 2rem;
font-weight: 900;
} }
.view-id-actus{ .view-id-actus{
width: 100%; width: 100%;
margin: auto; margin: auto;
// display: flex;
// justify-content: space-between;
.views-row{ .views-row{
width: 20vw !important; width: 30vw !important;
padding-right: 5rem; margin-left: 1rem;
&:first-of-type{
padding-left: 15%;
}
.node-type-actualite{ .node-type-actualite{
width: 100%; width: 84%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%;
p.field__item{ p.field__item{
display: none; display: none;
} }
.image-actualite{ .image-actualite{
width: 90%; width: 80%;
margin: auto; height: 250px;
img{ margin-left: 1rem;
width: 100%; .field--name-field-image{
height: auto; height: 100%;
.field__items{
} height: 100%;
.field__item{
width: 100%;
height: 100%;
img{
width: 100%;
height: auto;
object-fit: cover;
height: 100%;
}
}
}
}
} }
.infos-content{ .infos-content{
position: relative; position: relative;
top: -10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: solid $yellow-puca 1px; border: solid $yellow-puca 1px;
@@ -48,11 +62,11 @@
margin: 0; margin: 0;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 600; font-weight: 600;
padding: 0;;
} }
.field--name-field-sous-titre { .field--name-field-sous-titre {
order: 3; order: 3;
font-size: 1.3rem; font-size: 1.3rem;
// line-height: 0.3rem;
} }
.field--name-field-date{ .field--name-field-date{
order: 4; order: 4;
@@ -74,27 +88,28 @@
padding: 0.2rem 0.9rem; padding: 0.2rem 0.9rem;
.field__item{ .field__item{
display: inline; display: inline;
}
a{
color: white; color: white;
font-weight: 900; font-weight: 900;
font-size: 0.8rem; font-size: 0.8rem;
vertical-align: top; vertical-align: top;
} }
} }
ul.links{ ul.links{
order: 6; order: 6;
display: none; display: none;
} }
} }
.body-content{ .body-content{
display: none; display: none;
} }
} }
} }
.slick-dots{
position: relative;
bottom: 0;
}
.slick-prev{
left:35px;
}
} }
} }
web/themes/custom/reha/scss/pages/home/home-view-presentation.scss
+1
View File
@@ -28,6 +28,7 @@
z-index: 99; z-index: 99;
position: relative; position: relative;
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 4rem;
.field--type-link{ .field--type-link{
.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
+2 -1
View File
@@ -185,6 +185,7 @@
z-index: 99; z-index: 99;
// position: relative; // position: relative;
// top: -10px; // top: -10px;
margin-top: 2rem; margin-top: 1rem;
margin-bottom: 4rem;
} }
} }
web/themes/custom/reha/scss/partials/_slick-theme.scss
+4 -4
View File
@@ -67,8 +67,8 @@ $slick-opacity-not-active: 0.25 !default;
position: absolute; position: absolute;
display: block; display: block;
z-index: 9; z-index: 9;
height: 20px; // height: 20px;
width: 20px; // width: 20px;
line-height: 0px; line-height: 0px;
font-size: 0px; font-size: 0px;
cursor: pointer; cursor: pointer;
@@ -94,8 +94,8 @@ $slick-opacity-not-active: 0.25 !default;
} }
&:before { &:before {
font-family: $slick-font-family; font-family: $slick-font-family;
font-size: 200px; // font-size: 200px;
line-height: 1.5; // line-height: 1.5;
color: $slick-arrow-color; color: $slick-arrow-color;
opacity: $slick-opacity-default; opacity: $slick-opacity-default;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
web/themes/custom/reha/scss/partials/_slick_custom.scss
+23 -3
View File
@@ -11,10 +11,30 @@ $slick-arrow-color: $yellow-puca !default;
} }
} }
.view-actus.slick-slider.slick-next { .view-actus .slick-arrow {
&:before { // background-color: rgba(255, 255, 255, 0.8);
background-image: radial-gradient(white, transparent);
border-radius: 50%;
padding: 0.8rem;
width: 120px;
height: auto;
&.slick-next {
padding-right: 0rem;
}
&.slick-prev {
padding-left: 0rem;
}
}
background: rgba(255, 255, 255, 0.1); .view-sites,
.view-actus {
> .slick-arrow{
top: 50%;
&.slick-next {
right: 230px;
padding-right: 0rem;
}
} }
} }