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

js et css pages ressources

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-03-13 11:52:43 +01:00
parent c5f23ffca8
commit 3212219618
7 changed files with 326 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

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

@@ -3846,57 +3846,65 @@ main {
font-family: "gilroy-medium";
}
#ressources .layout-content .content_container .views-element-container {
margin-left: 15%;
width: 70%;
margin-left: 20%;
width: 65%;
}
#ressources .layout-content .content_container .views-element-container .view {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#ressources .layout-content .content_container .views-element-container .view h3 {
#ressources .layout-content .content_container .views-element-container h3 {
text-align: center;
flex: 0 0 100%;
}
#ressources .layout-content .content_container .views-element-container .view h3::before {
#ressources .layout-content .content_container .views-element-container h3::before {
content: "";
display: block;
border-bottom: solid 2px rgb(7, 50, 194);
margin: auto;
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_name h2 {
#ressources .layout-content .content_container .views-element-container h3 div .field_name h2 {
margin-bottom: 0.6rem;
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_name h2 a {
#ressources .layout-content .content_container .views-element-container h3 div .field_name h2 a {
font-family: "gilroy-light";
color: rgb(7, 50, 194);
font-size: 1.2rem;
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_description {
#ressources .layout-content .content_container .views-element-container h3 div .field_description {
margin-left: 10%;
margin-right: 10%;
font-family: "gilroy-light";
}
#ressources .layout-content .content_container .views-element-container .view h3 div .field_description p {
#ressources .layout-content .content_container .views-element-container h3 div .field_description p {
margin-top: 0.6rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row {
#ressources .layout-content .content_container .views-element-container button.voir-plus {
background-color: transparent;
color: rgb(7, 50, 194);
border: solid rgb(7, 50, 194) 0.5px;
padding: 0.3rem;
display: flex;
margin: auto;
}
#ressources .layout-content .content_container .views-element-container .view-rows-ressources {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row {
width: 30%;
font-size: 0.5rem;
margin-bottom: 1rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row h2 {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row h2 {
font-family: "gilroy-semibold";
color: rgb(7, 50, 194);
font-size: 0.6rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row p {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row p {
font-size: 0.5rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_mots_clefs div {
display: flex;
flex-direction: row !important;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div div {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_mots_clefs div div {
border: solid 1px rgb(7, 50, 194);
margin-right: 0.2rem;
padding: 1.3%;
@@ -3905,16 +3913,16 @@ main {
font-size: 0.4rem;
font-family: "gilroy-semibold";
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div div a {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_mots_clefs div div a {
color: rgb(7, 50, 194);
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_site div a {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_site div a {
position: relative;
padding-left: 20px;
color: rgb(247, 0, 43);
font-family: "gilroy-semibold";
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_site div a:before {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .field_field_site div a:before {
content: "";
position: absolute;
left: 0;
@@ -3926,42 +3934,48 @@ main {
background-size: contain;
background-repeat: no-repeat;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-documentation .field_body,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-documentation .field_field_images {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-documentation .field_body,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-documentation .field_field_images {
display: none;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource {
display: grid;
grid-template-columns: 1fr 1.2fr;
grid-template-rows: repeat(5 1fr);
margin-top: 1rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_images {
width: 150px;
height: auto;
flex-shrink: 0;
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_images {
grid-column: 1;
grid-row: 1/span 5;
padding: 0 1rem 1rem 1rem;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_images img {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_images img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 9px;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_title,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_sous_titre,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_author,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_date_ressource,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_body,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_mots_clefs,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_site,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_documents,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_liens {
flex: 1 1 50%;
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_title, #ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource h2 {
margin-top: 0;
}
#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-podcast) {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_title,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_sous_titre,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_author,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_date_ressource,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_body,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_mots_clefs,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_site,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_documents,
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row .type-podcast .content-ressource .field_field_liens {
grid-column: 2;
}
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row:has(.type-podcast) {
width: 50%;
}
#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-documentation) {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row:has(.type-documentation) {
width: 25%;
}
#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-vidéo) {
#ressources .layout-content .content_container .views-element-container .view-rows-ressources .views-row:has(.type-vidéo) {
width: 50%;
}