bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
ouidade
2025-04-29 15:49:35 +02:00
parent dd22a9b91d
commit 982126325a
7 changed files with 337 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/bundle.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+66 -69
View File
@@ -5314,12 +5314,12 @@ svg.ext {
width: 100vw; width: 100vw;
} }
.path-ressources .layout-content .region-content { .path-ressources .layout-content .region-content {
width: 80%; width: 100%;
margin: auto; margin: auto;
} }
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
display: grid; display: flex;
grid-template-columns: 1fr repeat(4, 1fr) 1fr; flex-direction: column;
} }
@media (max-width: 479px) { @media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content { .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 { .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; width: 60%;
margin-left: 1rem; margin: auto;
} }
@media (max-width: 479px) { @media (max-width: 479px) {
.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block { .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 { .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; margin-top: 2rem;
width: 100%; width: 100%;
grid-column: 1/span 6;
} }
@media (max-width: 479px) { @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 { .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; 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; display: flex;
flex-direction: row; 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); background-color: rgb(255, 255, 255);
margin-top: 2rem; margin-top: 2rem;
margin-left: 1rem; margin-left: 1rem;
margin-bottom: 5rem; margin-bottom: 5rem;
} }
@media (max-width: 479px) { @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; 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 : "; content: "Filtrer par : ";
padding-right: 1rem; padding-right: 1rem;
} }
@media (max-width: 479px) { @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; 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 { .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 {
width: fit-content;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 1rem; margin-top: 1rem;
} }
@media (max-width: 479px) { @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; 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 { .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 {
padding: 0.5rem; display: flex;
align-self: center; 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 { .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 {
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 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@@ -5478,12 +5467,12 @@ svg.ext {
margin-left: auto; margin-left: auto;
} }
@media (max-width: 479px) { @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; justify-content: center;
margin: auto; 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); background-color: rgb(0, 158, 227);
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
@@ -5492,12 +5481,12 @@ svg.ext {
margin-left: 2rem; margin-left: 2rem;
} }
@media (max-width: 479px) { @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: auto;
margin-top: 1rem; 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); background-color: rgb(0, 158, 227);
color: white; color: white;
text-transform: uppercase; text-transform: uppercase;
@@ -5507,22 +5496,30 @@ svg.ext {
margin-left: 1rem; margin-left: 1rem;
} }
@media (max-width: 479px) { @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: auto;
margin-top: 1rem; 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%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; 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%; width: 25%;
flex: 0 0 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; display: flex;
flex-direction: column; flex-direction: column;
border: 2px solid rgb(0, 158, 227); border: 2px solid rgb(0, 158, 227);
@@ -5530,102 +5527,102 @@ svg.ext {
margin-bottom: 1rem; margin-bottom: 1rem;
padding: 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; 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; 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); 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); background-color: rgba(0, 158, 227, 0.2);
} }
@media (max-width: 479px) { @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; 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); 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; text-transform: uppercase;
line-height: 1.1rem; line-height: 1.1rem;
margin-top: 0.5rem; 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); color: rgb(0, 158, 227);
font-weight: 900; font-weight: 900;
font-size: 0.8rem; font-size: 0.8rem;
pointer-events: none; pointer-events: none;
cursor: default; 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; 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; margin: 0;
line-height: 1rem; 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); color: rgb(0, 0, 0);
font-size: 1rem; font-size: 1rem;
font-weight: 900; font-weight: 900;
font-style: italic; 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; margin-top: 0.5rem;
font-weight: 800; font-weight: 800;
line-height: 1.1rem; 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; 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; 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; 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; 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; 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; 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; width: fit-content;
border: 1px solid #a3a3a3; border: 1px solid #a3a3a3;
height: 100px; 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; 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%; height: 100%;
width: auto; 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; 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; display: flex;
margin-top: 1rem; margin-top: 1rem;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; 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; margin-right: 0.5rem;
padding-left: 0.3rem; padding-left: 0.3rem;
padding-right: 0.3rem; padding-right: 0.3rem;
font-size: 0.7rem; 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); background: rgb(9, 57, 139);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
font-weight: 800; font-weight: 800;
@@ -5636,14 +5633,14 @@ svg.ext {
pointer-events: none; pointer-events: none;
cursor: default; 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; display: none;
} }
@media (max-width: 810px) { @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; 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%; width: 100%;
} }
} }
@@ -5994,13 +5991,13 @@ svg.ext {
width: 100%; 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; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: wrap; 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-right: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
web/themes/custom/eql/scripts/main.js
+28 -4
View File
@@ -132,10 +132,6 @@ jQuery(function($) {
}); });
}); });
// ///////////////// // /////////////////
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header //// ancre dans texte au click parragraphe correspondant arrive en dessous du header
@@ -213,5 +209,33 @@ jQuery(function($) {
}); });
console.log('salut slick projets'); 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); })(jQuery, window);
web/themes/custom/eql/scss/pages/ressources.scss
+217 -216
View File
@@ -3,15 +3,17 @@
.layout-content{ .layout-content{
width: 100vw; width: 100vw;
.region-content{ .region-content{
width: 80%; width: 100%;
margin: auto; margin: auto;
#block-contenudelapageprincipale{ #block-contenudelapageprincipale{
.layout--onecol{ .layout--onecol{
.layout__region--content{ .layout__region--content{
.block-region-content{ .block-region-content{
display: grid; // display: grid;
grid-template-columns: 1fr repeat(4, 1fr) 1fr; // grid-template-columns: 1fr repeat(4, 1fr) 1fr;
display: flex;
flex-direction: column;
@media (max-width: 479px){ @media (max-width: 479px){
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -19,8 +21,8 @@
// texte présentation // texte présentation
.block-config-pages-block{ .block-config-pages-block{
grid-column: 1 / span 4; width: 60%;
margin-left: 1rem; margin: auto;
@media (max-width:479px) { @media (max-width:479px) {
order: 1; order: 1;
margin-left: 0; margin-left: 0;
@@ -100,239 +102,238 @@
.block-views-blockbase-de-donnees-block-1{ .block-views-blockbase-de-donnees-block-1{
margin-top: 2rem; margin-top: 2rem;
width: 100%; width: 100%;
grid-column: 1 / span 6;
@media (max-width:479px) { @media (max-width:479px) {
order: 3; order: 3;
} }
.view-filters{ .view-base-de-donnees{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; .view-filters{
background-color: $white; width: 20%;
margin-top: 2rem; background-color: $white;
margin-left: 1rem; margin-top: 2rem;
margin-bottom: 5rem; margin-left: 1rem;
@media (max-width: 479px) { margin-bottom: 5rem;
margin-left: 0; @media (max-width: 479px) {
} margin-left: 0;
&::before{ }
content: "Filtrer par : "; &::before{
padding-right: 1rem; content: "Filtrer par : ";
@media (max-width: 479px){ padding-right: 1rem;
padding-bottom: 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{ .view-content{
width: 100%;
width: fit-content;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 1rem; .views-row-wrapper{
@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{
display: flex; display: flex;
flex-direction: column; flex-direction: row;
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;
}
}
} }
h3{
} text-transform: uppercase;
} color: rgb(9, 57, 139);
.view-content{ }
width: 100%; .views-row{
display: flex; width: 25%;
flex-direction: row; flex: 0 0 25%;
flex-wrap: wrap;
.views-row{ .node-type-ressource{
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{
display: flex; display: flex;
margin-top: 1rem; flex-direction: column;
flex-direction: row; border: 2px solid $blue-light;
flex-wrap: wrap; margin-left: 1rem;
margin-bottom: 1rem ;
.field__item{ padding: 1rem;
margin-right: 0.5rem; .ext{
padding-left: 0.3rem; color: black;
padding-right: 0.3rem; }
font-size: 0.7rem; 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{ a{
background: $blue-dark; color: $blue-light;
color: $white; font-weight: 900;
font-weight: 800; font-size: 0.8rem;
vertical-align: super;
padding-left: 0.1rem;
padding-right: 0.1rem;
display: inline-flex;
pointer-events: none; pointer-events: none;
cursor: default; 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%;
}
}
} }
} }
web/themes/custom/eql/scss/partials/_footer.scss → web/themes/custom/eql/scss/partials/footer.scss
+2 -3
View File
@@ -36,8 +36,7 @@
margin-left: 0rem; margin-left: 0rem;
} }
.view-id-partenaires{ .view-id-partenaires{
.view-content{ .view-content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content:flex-start; justify-content:flex-start;
@@ -131,7 +130,7 @@
width: 100%; width: 100%;
} }
.view-id-partenaires{ .view-id-partenaires{
.view-content{ .views-row-wrapper{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content:flex-start; justify-content:flex-start;
web/themes/custom/eql/scss/styles.scss
+1 -1
View File
@@ -57,7 +57,7 @@
/*partials*/ /*partials*/
@import "partials/_header"; @import "partials/_header";
@import "partials/_footer"; @import "partials/footer";
@import "partials/_slick_custom.scss"; @import "partials/_slick_custom.scss";
@import "partials/_slick"; @import "partials/_slick";
@import "partials/_slick-theme"; @import "partials/_slick-theme";
web/themes/custom/eql/templates/views-view-unformatted.html.twig
+22 -13
View File
@@ -15,22 +15,31 @@
* @see template_preprocess_views_view_unformatted() * @see template_preprocess_views_view_unformatted()
*/ */
#} #}
{%
set view_wrapper_class = [
default_row_class ? 'views-row-wrapper',
]
%}
{% if title %} {% if title %}
<h3>{{ title }}</h3> <h3>{{ title }}</h3>
{% endif %} {% endif %}
{% for row in rows %} <div {{ attributes.addClass(view_wrapper_class) }}>
{% {% for row in rows %}
set row_classes = [ {%
default_row_class ? 'views-row', set row_classes = [
] default_row_class ? 'views-row',
%} ]
%}
{# {% {# {%
set collection = '#collection-id--' ~ a.content set collection = '#collection-id--' ~ a.content
%} #} %} #}
<div{{ row.attributes.addClass(row_classes) }}> <div{{ row.attributes.addClass(row_classes) }}>
{{- row.content -}} {{- row.content -}}
</div> </div>
{# <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button> #} {# <button class="slick-next slick-arrow" aria-label="Next" type="button" style="">Next</button> #}
{% endfor %} {% endfor %}
</div>