debug view-type-slide

This commit is contained in:
2025-05-20 11:02:06 +02:00
parent 3be7e7dfa8
commit bf005f69a6
7 changed files with 43 additions and 42 deletions
File diff suppressed because one or more lines are too long
+35 -35
View File
@@ -838,60 +838,60 @@ svg.ext {
width: 80%;
margin: auto;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media (max-width: 810px) {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper {
flex-direction: column;
}
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
width: 49%;
}
@media (max-width: 810px) {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
width: 100%;
margin-bottom: 3rem;
}
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet {
color: rgb(9, 57, 139);
line-height: 1.5rem;
}
@media (max-width: 479px) {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet {
padding-left: 0rem;
padding-right: 0rem;
padding-top: 2rem;
}
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child {
display: flex;
flex-direction: column;
max-height: fit-content;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child a {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child a {
color: rgb(9, 57, 139);
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo {
order: 1;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo .field__item {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo .field__item {
display: none;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo .field__item:first-child {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo .field__item:first-child {
display: block;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-photo img {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-photo img {
width: 100%;
height: auto;
max-height: 400px;
object-fit: cover;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse {
order: 2;
display: flex;
text-transform: uppercase;
@@ -900,67 +900,67 @@ svg.ext {
margin-top: 0.8rem;
line-height: 0.6rem;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address {
display: flex;
flex-direction: row;
margin: 0;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
content: ",";
margin-right: 0.3rem;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-adresse .address .country {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-adresse .address .country {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-sous-titre {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-sous-titre {
margin-top: 0.8rem;
font-size: 0.9rem;
font-weight: 800;
order: 4;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-title {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-title {
order: 3;
margin-top: 0.8rem;
font-size: 0.9rem;
font-weight: 800;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-title h2 {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-title h2 {
margin: 0;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-incube {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-incube {
order: 4;
color: rgb(225, 0, 15);
margin-top: 0.8rem;
font-size: 0.7rem;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-region {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-region {
display: none;
order: 5;
color: rgb(0, 0, 0);
font-size: 0.7rem;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-moa {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-moa {
display: none;
order: 6;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-moa a {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-moa a {
color: rgb(0, 0, 0);
font-size: 0.7rem;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-projet {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-projet {
display: none;
order: 7;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-type-de-projet a {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-type-de-projet a {
color: rgb(0, 0, 0);
font-size: 0.7rem;
}
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .views-row .node-type-projet div:first-child .field--name-field-etape-du-projet {
.path-frontpage .block-views-blockprojets-block-4 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row .node-type-projet div:first-child .field--name-field-etape-du-projet {
display: none;
order: 8;
color: rgb(0, 0, 0);
@@ -1732,20 +1732,20 @@ svg.ext {
.path-actualites .block-region-content .block-views {
grid-column: 2;
}
.path-actualites .block-region-content .block-views .view-content {
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.path-actualites .block-region-content .block-views .view-content .views-row {
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
width: 25%;
flex: 0 0 25%;
}
@media (max-width: 810px) {
.path-actualites .block-region-content .block-views .view-content {
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {
flex-direction: column;
}
.path-actualites .block-region-content .block-views .view-content .views-row {
.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
width: 100%;
}
}
@@ -4042,22 +4042,22 @@ svg.ext {
padding-bottom: 1rem;
}
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper {
margin-top: 2rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 810px) {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper {
flex-direction: column;
}
}
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
width: 25%;
}
@media (max-width: 810px) {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .views-row {
.path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-content .view-type-slide .views-row-wrapper .views-row {
width: 100%;
}
}
+2 -2
View File
@@ -160,7 +160,7 @@ jQuery(function($) {
(function($, window) {
console.log('hello')
$(document).ready(function(){
$('.path-frontpage .view-actus-blocks-pages .view-content').slick({
$('.path-frontpage .view-actus-blocks-pages .view-content .view-type-slide .views-row-wrapper').slick({
slidesToShow: 1,
// slidesToScroll: 1,
dots: true,
@@ -213,7 +213,7 @@ jQuery(function($) {
});
console.log('salut slick projets');
$('.path-ressources .view:not(.view-partenaires) .view-content .view-type-ressource-slide .views-row-wrapper').slick({
$('.path-ressources .view:not(.view-partenaires) .view-content .view-type-slide .views-row-wrapper').slick({
slidesToShow: 3,
dots: false,
arrows: true,
+1 -1
View File
@@ -331,7 +331,7 @@
.view-projets{
width: 80%;
margin: auto;
.view-content{
.view-content .view-type-slide .views-row-wrapper{
display: flex;
flex-direction: row;
justify-content: space-between;
@@ -149,7 +149,7 @@
}
//grille de projets
.view-content{
.view-content .view-type-slide .views-row-wrapper{
margin-top: 2rem;
display: flex;
flex-direction: row;
@@ -12,7 +12,7 @@
.block-views{
grid-column: 2;
.view-content{
.view-content .view-type-slide .views-row-wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
@@ -21,7 +21,8 @@
default_row_class ? 'views-row-wrapper',
]
%}
<div class="view-type-ressource-slide">
<div class="view-type-slide">
{% if title %}
<h3>{{ title }}</h3>
{% endif %}