debut css & js /ressources : class wrapper et h3, position filtres

This commit is contained in:
2025-04-29 15:49:35 +02:00
parent dd22a9b91d
commit 982126325a
7 changed files with 337 additions and 307 deletions
File diff suppressed because one or more lines are too long
+66 -69
View File
@@ -5314,12 +5314,12 @@ svg.ext {
width: 100vw;
}
.path-ressources .layout-content .region-content {
width: 80%;
width: 100%;
margin: auto;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
display: grid;
grid-template-columns: 1fr repeat(4, 1fr) 1fr;
display: flex;
flex-direction: column;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
@@ -5328,8 +5328,8 @@ svg.ext {
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
grid-column: 1/span 4;
margin-left: 1rem;
width: 60%;
margin: auto;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
@@ -5412,65 +5412,54 @@ svg.ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 {
margin-top: 2rem;
width: 100%;
grid-column: 1/span 6;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 {
order: 3;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
width: 20%;
background-color: rgb(255, 255, 255);
margin-top: 2rem;
margin-left: 1rem;
margin-bottom: 5rem;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
margin-left: 0;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters::before {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters::before {
content: "Filtrer par : ";
padding-right: 1rem;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters::before {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters::before {
padding-bottom: 1rem;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 {
width: fit-content;
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 {
display: flex;
flex-direction: row;
flex-direction: column;
flex-wrap: wrap;
margin-top: 1rem;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 {
justify-content: center;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 .form-item {
padding: 0.5rem;
align-self: center;
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 .js-form-item {
display: flex;
flex-direction: column;
max-width: 100%;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 input, .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 label {
margin: 0.5rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 select, .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 input {
padding: 0.3rem;
margin: 0.5rem;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-field-mots-clefs-target-id {
width: 75vw;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -5478,12 +5467,12 @@ svg.ext {
margin-left: auto;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions {
justify-content: center;
margin: auto;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
background-color: rgb(0, 158, 227);
color: white;
text-transform: uppercase;
@@ -5492,12 +5481,12 @@ svg.ext {
margin-left: 2rem;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-submit-base-de-donnees {
margin: auto;
margin-top: 1rem;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
background-color: rgb(0, 158, 227);
color: white;
text-transform: uppercase;
@@ -5507,22 +5496,30 @@ svg.ext {
margin-left: 1rem;
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters #views-exposed-form-base-de-donnees-block-1 #edit-actions #edit-reset {
margin: auto;
margin-top: 1rem;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row-wrapper {
display: flex;
flex-direction: row;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content h3 {
text-transform: uppercase;
color: rgb(9, 57, 139);
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row {
width: 25%;
flex: 0 0 25%;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource {
display: flex;
flex-direction: column;
border: 2px solid rgb(0, 158, 227);
@@ -5530,102 +5527,102 @@ svg.ext {
margin-bottom: 1rem;
padding: 1rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .ext {
color: black;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource svg.ext {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource svg.ext {
display: none;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource.type-de-ressource-Publication-issue-du-programme-EQLD {
background-color: rgba(0, 158, 227, 0.2);
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource.type-de-ressource-Paroles-de-lauréats {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource.type-de-ressource-Paroles-de-lauréats {
background-color: rgba(0, 158, 227, 0.2);
}
@media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource {
margin-left: 0;
}
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource:hover {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
text-transform: uppercase;
line-height: 1.1rem;
margin-top: 0.5rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
color: rgb(0, 158, 227);
font-weight: 900;
font-size: 0.8rem;
pointer-events: none;
cursor: default;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title {
margin-top: 0.5rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title h2 {
margin: 0;
line-height: 1rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 a {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-title h2 a {
color: rgb(0, 0, 0);
font-size: 1rem;
font-weight: 900;
font-style: italic;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- {
margin-top: 0.5rem;
font-weight: 800;
line-height: 1.1rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- p {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- p {
margin: 0;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
display: none;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-sous-titre {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-sous-titre {
margin-top: 0.5rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition {
margin-top: 0.5rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition p {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition p {
margin: 0;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
display: none;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images {
width: fit-content;
border: 1px solid #a3a3a3;
height: 100px;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images .field__item {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images .field__item {
height: 100px;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images img {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-images img {
height: 100%;
width: auto;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-date-de-parution {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-date-de-parution {
margin-top: 0.3rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
display: flex;
margin-top: 1rem;
flex-direction: row;
flex-wrap: wrap;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
margin-right: 0.5rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
font-size: 0.7rem;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
background: rgb(9, 57, 139);
color: rgb(255, 255, 255);
font-weight: 800;
@@ -5636,14 +5633,14 @@ svg.ext {
pointer-events: none;
cursor: default;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource ul.links.inline {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row .node-type-ressource ul.links.inline {
display: none;
}
@media (max-width: 810px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content {
flex-direction: column;
}
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .views-row {
width: 100%;
}
}
@@ -5994,13 +5991,13 @@ svg.ext {
width: 100%;
}
}
#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content {
#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .views-row-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
#fotter-bottom .region-footer-bottom-middle .view-id-partenaires .views-row-wrapper .node-type-partenaires_logo_footer_ {
padding-right: 1rem;
padding-bottom: 1rem;
}
+28 -4
View File
@@ -132,10 +132,6 @@ jQuery(function($) {
});
});
// /////////////////
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header
@@ -213,5 +209,33 @@ jQuery(function($) {
});
console.log('salut slick projets');
});
// //////// start class à views-row-wrapper ////////
$(document).ready(function () {
$(".views-row-wrapper").each(function () {
let h3 = $(this).prev("h3");
let link = h3.find("a");
if (link.length) {
let text = link.text().trim();
let className = text
.toLowerCase()
.normalize("NFD").replace(/[\u0300-\u036f]/g, "") // enlever les accents
.replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -
.replace(/(^-|-$)/g, ''); // enlever tirets début/fin
$(this).addClass('type-' + className);
// Ajouter la même classe sur le <h3>
h3.addClass('type-' + className);
}
});
});
// /////// end class à views-row-wrapper ///////
})(jQuery, window);
+217 -216
View File
@@ -3,15 +3,17 @@
.layout-content{
width: 100vw;
.region-content{
width: 80%;
width: 100%;
margin: auto;
#block-contenudelapageprincipale{
.layout--onecol{
.layout__region--content{
.block-region-content{
display: grid;
grid-template-columns: 1fr repeat(4, 1fr) 1fr;
// display: grid;
// grid-template-columns: 1fr repeat(4, 1fr) 1fr;
display: flex;
flex-direction: column;
@media (max-width: 479px){
display: flex;
flex-direction: column;
@@ -19,8 +21,8 @@
// texte présentation
.block-config-pages-block{
grid-column: 1 / span 4;
margin-left: 1rem;
width: 60%;
margin: auto;
@media (max-width:479px) {
order: 1;
margin-left: 0;
@@ -100,239 +102,238 @@
.block-views-blockbase-de-donnees-block-1{
margin-top: 2rem;
width: 100%;
grid-column: 1 / span 6;
@media (max-width:479px) {
order: 3;
}
.view-filters{
.view-base-de-donnees{
display: flex;
flex-direction: row;
flex-wrap: wrap;
background-color: $white;
margin-top: 2rem;
margin-left: 1rem;
margin-bottom: 5rem;
@media (max-width: 479px) {
margin-left: 0;
}
&::before{
content: "Filtrer par : ";
padding-right: 1rem;
@media (max-width: 479px){
padding-bottom: 1rem;
.view-filters{
width: 20%;
background-color: $white;
margin-top: 2rem;
margin-left: 1rem;
margin-bottom: 5rem;
@media (max-width: 479px) {
margin-left: 0;
}
&::before{
content: "Filtrer par : ";
padding-right: 1rem;
@media (max-width: 479px){
padding-bottom: 1rem;
}
}
#views-exposed-form-base-de-donnees-block-1{
// max-width: 20%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-top: 1rem;
@media (max-width: 479px){
justify-content: center;
}
.js-form-item{
display: flex;
flex-direction: column;
max-width: 100%;
}
#edit-actions{
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: center;
margin-left: auto;
@media (max-width: 479px){
justify-content: center;
margin: auto;
}
#edit-submit-base-de-donnees{
background-color: $blue-light;
color: white;
text-transform: uppercase;
border: none;
padding: 0.3rem 0.7rem;
margin-left: 2rem;
@media (max-width: 479px){
margin: auto;
margin-top: 1rem;
}
}
#edit-reset{
background-color: $blue-light;
color: white;
text-transform: uppercase;
border: none;
padding: 0.3rem 0.7rem;
margin-top: 1rem;
margin-left: 1rem;
@media (max-width: 479px){
margin: auto;
margin-top: 1rem;
}
}
}
}
}
#views-exposed-form-base-de-donnees-block-1{
width: fit-content;
.view-content{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 1rem;
@media (max-width: 479px){
justify-content: center;
}
.form-item{
padding: 0.5rem;
align-self: center;
}
input, label{
margin: 0.5rem;
}
select, input{
padding: 0.3rem;
margin:0.5rem;
}
#edit-field-mots-clefs-target-id{
@media (max-width: 479px){
width: 75vw;
}
}
#edit-actions{
.views-row-wrapper{
display: flex;
flex-direction: column;
justify-content: space-between;
align-self: center;
margin-left: auto;
@media (max-width: 479px){
justify-content: center;
margin: auto;
}
#edit-submit-base-de-donnees{
background-color: $blue-light;
color: white;
text-transform: uppercase;
border: none;
padding: 0.3rem 0.7rem;
margin-left: 2rem;
@media (max-width: 479px){
margin: auto;
margin-top: 1rem;
}
}
#edit-reset{
background-color: $blue-light;
color: white;
text-transform: uppercase;
border: none;
padding: 0.3rem 0.7rem;
margin-top: 1rem;
margin-left: 1rem;
@media (max-width: 479px){
margin: auto;
margin-top: 1rem;
}
}
flex-direction: row;
}
}
}
.view-content{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.views-row{
width: 25%;
flex: 0 0 25%;
.node-type-ressource{
display: flex;
flex-direction: column;
border: 2px solid $blue-light;
margin-left: 1rem;
margin-bottom: 1rem ;
padding: 1rem;
.ext{
color: black;
}
svg.ext{
display: none;
}
&.type-de-ressource-Publication-issue-du-programme-EQLD{
background-color: $background-actus;
}
&.type-de-ressource-Paroles-de-lauréats{
background-color: $background-actus;
}
@media (max-width: 479px) {
margin-left: 0;
}
&:hover{
background-color: $black15;
}
.field--name-field-type-de-ressource{
text-transform: uppercase;
line-height: 1.1rem;
margin-top: 0.5rem;
a{
color: $blue-light;
font-weight: 900;
font-size: 0.8rem;
pointer-events: none;
cursor: default;
}
}
.field--name-title{
margin-top: 0.5rem;
h2{
margin: 0;
line-height: 1rem;
a{
color: $black;
font-size: 1rem;
font-weight: 900;
font-style: italic;
}
}
}
.field--name-field-auteur-s-{
margin-top: 0.5rem;
font-weight: 800;
line-height: 1.1rem;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-sous-titre{
margin-top: 0.5rem;
}
.field--name-field-edition{
margin-top: 0.5rem;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
// display: none;
// width: 30%;
width: fit-content;
border: 1px solid #a3a3a3;
height: 100px;
.field__item{
height: 100px;
}
img{
height: 100%;
width: auto;
// width: 100%;
// height: auto;
}
}
.field--name-field-date-de-parution{
margin-top: 0.3rem;
}
.field--name-field-mots-clefs{
h3{
text-transform: uppercase;
color: rgb(9, 57, 139);
}
.views-row{
width: 25%;
flex: 0 0 25%;
.node-type-ressource{
display: flex;
margin-top: 1rem;
flex-direction: row;
flex-wrap: wrap;
.field__item{
margin-right: 0.5rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
font-size: 0.7rem;
flex-direction: column;
border: 2px solid $blue-light;
margin-left: 1rem;
margin-bottom: 1rem ;
padding: 1rem;
.ext{
color: black;
}
svg.ext{
display: none;
}
&.type-de-ressource-Publication-issue-du-programme-EQLD{
background-color: $background-actus;
}
&.type-de-ressource-Paroles-de-lauréats{
background-color: $background-actus;
}
@media (max-width: 479px) {
margin-left: 0;
}
&:hover{
background-color: $black15;
}
.field--name-field-type-de-ressource{
text-transform: uppercase;
line-height: 1.1rem;
margin-top: 0.5rem;
a{
background: $blue-dark;
color: $white;
font-weight: 800;
vertical-align: super;
padding-left: 0.1rem;
padding-right: 0.1rem;
display: inline-flex;
color: $blue-light;
font-weight: 900;
font-size: 0.8rem;
pointer-events: none;
cursor: default;
}
}
.field--name-title{
margin-top: 0.5rem;
h2{
margin: 0;
line-height: 1rem;
a{
color: $black;
font-size: 1rem;
font-weight: 900;
font-style: italic;
}
}
}
.field--name-field-auteur-s-{
margin-top: 0.5rem;
font-weight: 800;
line-height: 1.1rem;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-sous-titre{
margin-top: 0.5rem;
}
.field--name-field-edition{
margin-top: 0.5rem;
p{
margin: 0;
}
.field__label{
display:none;
}
}
.field--name-field-images{
// display: none;
// width: 30%;
width: fit-content;
border: 1px solid #a3a3a3;
height: 100px;
.field__item{
height: 100px;
}
img{
height: 100%;
width: auto;
// width: 100%;
// height: auto;
}
}
.field--name-field-date-de-parution{
margin-top: 0.3rem;
}
.field--name-field-mots-clefs{
display: flex;
margin-top: 1rem;
flex-direction: row;
flex-wrap: wrap;
.field__item{
margin-right: 0.5rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
font-size: 0.7rem;
a{
background: $blue-dark;
color: $white;
font-weight: 800;
vertical-align: super;
padding-left: 0.1rem;
padding-right: 0.1rem;
display: inline-flex;
pointer-events: none;
cursor: default;
}
}
}
ul.links.inline{
display: none;
}
}
ul.links.inline{
display: none;
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
}
}
@media (max-width: 810px){
flex-direction: column;
.views-row{
width: 100%;
}
}
}
}
}
@@ -36,8 +36,7 @@
margin-left: 0rem;
}
.view-id-partenaires{
.view-content{
.view-content {
display: flex;
flex-direction: row;
justify-content:flex-start;
@@ -131,7 +130,7 @@
width: 100%;
}
.view-id-partenaires{
.view-content{
.views-row-wrapper{
display: flex;
flex-direction: row;
justify-content:flex-start;
+1 -1
View File
@@ -57,7 +57,7 @@
/*partials*/
@import "partials/_header";
@import "partials/_footer";
@import "partials/footer";
@import "partials/_slick_custom.scss";
@import "partials/_slick";
@import "partials/_slick-theme";
@@ -15,22 +15,31 @@
* @see template_preprocess_views_view_unformatted()
*/
#}
{%
set view_wrapper_class = [
default_row_class ? 'views-row-wrapper',
]
%}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
<div {{ attributes.addClass(view_wrapper_class) }}>
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
{# {%
set collection = '#collection-id--' ~ a.content
%} #}
<div{{ row.attributes.addClass(row_classes) }}>
{{- row.content -}}
</div>
{# <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button> #}
{# {%
set collection = '#collection-id--' ~ a.content
%} #}
<div{{ row.attributes.addClass(row_classes) }}>
{{- row.content -}}
</div>
{# <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button> #}
{% endfor %}
</div>