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

/lesprojets :hover css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-05 10:27:16 +01:00
parent df5048bad8
commit a614f52cdf
6 changed files with 17 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

@@ -437,54 +437,6 @@ document.addEventListener('DOMContentLoaded', function() {
//////////////////////// end Timeline script ///////////////////////////////////////////// //////////////////////// end Timeline script /////////////////////////////////////////////
/////////////////// caracteres body actus/////////////////////////
// document.addEventListener('DOMContentLoaded', function() {
// // Maximum number of characters to display
// const maxChars = 140; // Adjust this value as needed
// document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body').forEach(function(paragraph) {
// let text = paragraph.textContent.trim();
// if (text.length > maxChars) {
// let truncatedText = text.slice(0, maxChars) + '...';
// paragraph.textContent = truncatedText;
// }
// });
// });
//////////// start slideshow actus home //////////////////////////
// $(document).ready(function(){
// let actuview = $('.content-actus .view .view-rows-wrapper')
// if (actuview) {
// actuview.slick({
// slidesToShow: 3,
// dots: false,
// arrows: true,
// adaptiveHeight: false,
// autoplay: false,
// responsive: [
// {
// breakpoint: 810,
// settings: {
// slidesToShow: 1,
// adaptiveHeight: false,
// arrows: true,
// draggable: true,
// autoplay: false,
// }
// }]
// });
// console.log('salut slick home');
// }
// $('.slick-carousel').slick({
// lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive'
// });
// });
//////////// end slideshow actus home //////////////////////////
//////////// start slideshow images home ////////////////////////// //////////// start slideshow images home //////////////////////////
@@ -555,7 +507,6 @@ $(document).ready(function(){
// console.log('Slick désactivé sur la page Home'); // console.log('Slick désactivé sur la page Home');
} }
}); });
//////////// end slideshow /actualites ////////////////////////// //////////// end slideshow /actualites //////////////////////////

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map vendored
View File

File diff suppressed because one or more lines are too long

33
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -4560,7 +4560,7 @@ body {
background: black; background: black;
padding-left: 0.5rem; padding-left: 0.5rem;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.6rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
padding: 0.3rem; padding: 0.3rem;
} }
@@ -4581,7 +4581,7 @@ body {
background: black; background: black;
padding-left: 0.5rem; padding-left: 0.5rem;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.6rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
} }
.node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens svg { .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_liens) .field_field_liens svg {
@@ -4916,6 +4916,10 @@ main {
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet { #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet {
font-size: 0.4rem; font-size: 0.4rem;
width: 80%; width: 80%;
transition: transform 0.4s ease-in-out;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet:hover {
transform: scale(1.05); /* effet de zoom léger */
} }
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div { #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div {
display: flex; display: flex;
@@ -4953,33 +4957,8 @@ main {
margin-top: 0; margin-top: 0;
} }
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link { #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link {
width: fit-content;
background: black;
}
@media (max-width: 810px) {
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link {
margin-left: 0;
}
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a {
display: inline-flex;
justify-content: space-between;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.5rem;
padding-left: 0.5rem;
}
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a svg {
display: none; display: none;
} }
#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
height: 25px;
}
#ressources { #ressources {
background-color: #f6f7f3; background-color: #f6f7f3;

49
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@@ -379,54 +379,6 @@ document.addEventListener('DOMContentLoaded', function() {
//////////////////////// end Timeline script ///////////////////////////////////////////// //////////////////////// end Timeline script /////////////////////////////////////////////
/////////////////// caracteres body actus/////////////////////////
// document.addEventListener('DOMContentLoaded', function() {
// // Maximum number of characters to display
// const maxChars = 140; // Adjust this value as needed
// document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body').forEach(function(paragraph) {
// let text = paragraph.textContent.trim();
// if (text.length > maxChars) {
// let truncatedText = text.slice(0, maxChars) + '...';
// paragraph.textContent = truncatedText;
// }
// });
// });
//////////// start slideshow actus home //////////////////////////
// $(document).ready(function(){
// let actuview = $('.content-actus .view .view-rows-wrapper')
// if (actuview) {
// actuview.slick({
// slidesToShow: 3,
// dots: false,
// arrows: true,
// adaptiveHeight: false,
// autoplay: false,
// responsive: [
// {
// breakpoint: 810,
// settings: {
// slidesToShow: 1,
// adaptiveHeight: false,
// arrows: true,
// draggable: true,
// autoplay: false,
// }
// }]
// });
// console.log('salut slick home');
// }
// $('.slick-carousel').slick({
// lazyLoad: 'progressive', // Option 'ondemand' ou 'progressive'
// });
// });
//////////// end slideshow actus home //////////////////////////
//////////// start slideshow images home ////////////////////////// //////////// start slideshow images home //////////////////////////
@@ -497,7 +449,6 @@ $(document).ready(function(){
// console.log('Slick désactivé sur la page Home'); // console.log('Slick désactivé sur la page Home');
} }
}); });
//////////// end slideshow /actualites ////////////////////////// //////////// end slideshow /actualites //////////////////////////

62
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss
View File

@@ -113,6 +113,9 @@ main{
margin-right: 0; margin-right: 0;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
:hover{
}
.field-content{ .field-content{
ul{ ul{
display: flex; display: flex;
@@ -124,6 +127,10 @@ main{
.node-type-projet{ .node-type-projet{
font-size: 0.4rem; font-size: 0.4rem;
width: 80%; width: 80%;
transition: transform 0.4s ease-in-out; // animation plus fluide
&:hover {
transform: scale(1.05); /* effet de zoom léger */
}
div{ div{
display: flex; display: flex;
@@ -161,32 +168,7 @@ main{
margin-top: 0; margin-top: 0;
} }
.more-link{ .more-link{
width: fit-content; display: none;
background: black;
@media (max-width:810px) {
margin-left: 0;
}
a{
display: inline-flex;
justify-content: space-between;
align-items: center;
color: white;
text-transform: uppercase;
font-size: 0.5rem;
padding-left: 0.5rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
// padding-bottom: 0.2rem;
height: 25px;
}
}
} }
} }
@@ -199,34 +181,6 @@ main{
} }
} }
// .view{
// display: flex;
// flex-direction: column;
// flex-wrap: wrap;
// width: 100vw;
// .views-row-wrapper{
// display: flex;
// flex-direction: row;
// flex-wrap: wrap;
// justify-content: center;
// width: 60%;
// margin: auto;
// padding-left: 10%;
// gap: 25px;
// margin-right: 10%;
// @media (max-width:1100px) {
// padding-left: 0;
// margin-right: auto;
// width: 80%;
// }
// }
// }
} }
} }

4
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-ressource.scss
View File

@@ -127,7 +127,7 @@
background: black; background: black;
padding-left: 0.5rem; padding-left: 0.5rem;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.6rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
padding: 0.3rem; padding: 0.3rem;
@@ -147,7 +147,7 @@
background: black; background: black;
padding-left: 0.5rem; padding-left: 0.5rem;
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.6rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
svg{ svg{