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

page-node actualite css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-13 14:51:38 +01:00
parent 9c6643200d
commit a7bff409d1
4 changed files with 159 additions and 116 deletions
Show Stats 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

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

@ -3170,11 +3170,65 @@ body {
#page-node .content_container .node-type-actualite { #page-node .content_container .node-type-actualite {
width: 100%; width: 100%;
padding-bottom: 7rem; padding-bottom: 7rem;
}
#page-node .content_container .node-type-actualite a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#page-node .content_container .node-type-actualite div {
order: 2;
display: flex;
flex-direction: column;
}
#page-node .content_container .node-type-actualite div .field_body {
order: 2;
padding-bottom: 2rem;
}
#page-node .content_container .node-type-actualite div .field_body p {
font-size: 0.8rem;
}
#page-node .content_container .node-type-actualite div .field_field_liens {
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
width: fit-content;
}
#page-node .content_container .node-type-actualite div .field_field_liens a {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
}
#page-node .content_container .node-type-actualite div .field_field_liens a svg {
display: none;
}
#page-node .content_container .node-type-actualite div .field_field_liens a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
#page-node .content_container .node-type-actualite div .field_field_liens a:not(.ext) {
display: none;
}
#page-node .content_container .node-type-actualite div .field_field_images {
order: 5;
}
#page-node .content_container .node-type-actualite div .field_field_images img {
width: 100%;
height: auto;
}
#page-node .content_container .node-type-actualite div .field_field_images blockquote.image-field-caption {
margin-left: 0;
margin-top: 0;
}
#page-node .content_container .node-type-actualite div .field_field_images blockquote.image-field-caption p {
margin-top: 0;
font-size: 0.4rem;
}
#page-node .content_container .node-type-actualite .infos-actu { #page-node .content_container .node-type-actualite .infos-actu {
order: 1; order: 1;
display: flex; display: flex;
@ -3189,8 +3243,8 @@ body {
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
font-weight: 600; font-weight: 600;
display: inline-flex; display: flex;
align-items: center; flex-direction: row;
} }
#page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a::before { #page-node .content_container .node-type-actualite .infos-actu .field_field_type_d_actualite a::before {
content: url("../img/type-actu.svg"); content: url("../img/type-actu.svg");
@ -3198,64 +3252,15 @@ body {
} }
#page-node .content_container .node-type-actualite .infos-actu .field_field_date { #page-node .content_container .node-type-actualite .infos-actu .field_field_date {
color: red; color: red;
display: inline-flex; display: flex;
align-items: center; flex-direction: row;
margin-left: 1rem; margin-left: 1rem;
padding-right: 1rem;
} }
#page-node .content_container .node-type-actualite .infos-actu .field_field_date::before { #page-node .content_container .node-type-actualite .infos-actu .field_field_date::before {
content: url("../img/date-actu.svg"); content: url("../img/date-actu.svg");
padding-right: 0.4rem; padding-right: 0.4rem;
} }
#page-node .content_container .node-type-actualite .field_body {
order: 2;
padding-bottom: 2rem;
}
#page-node .content_container .node-type-actualite .field_body p {
font-size: 0.8rem;
}
#page-node .content_container .node-type-actualite .field_field_liens {
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
}
#page-node .content_container .node-type-actualite .field_field_liens a {
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
}
#page-node .content_container .node-type-actualite .field_field_liens a svg {
display: none;
}
#page-node .content_container .node-type-actualite .field_field_liens a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
#page-node .content_container .node-type-actualite .field_field_liens a:not(.ext) {
display: none;
}
#page-node .content_container .node-type-actualite .field_field_images {
order: 5;
}
#page-node .content_container .node-type-actualite .field_field_images img {
width: 100%;
height: auto;
}
#page-node .content_container .node-type-actualite .field_field_images blockquote.image-field-caption {
margin-left: 0;
margin-top: 0;
}
#page-node .content_container .node-type-actualite .field_field_images blockquote.image-field-caption p {
margin-top: 0;
font-size: 0.4rem;
}
.node-type-site .layout-content { .node-type-site .layout-content {
margin-top: 2rem; margin-top: 2rem;

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

@ -624,6 +624,36 @@ if (elementsToWrap.length > 0) {
} }
//////////////////// end div infos site //////////////////////// //////////////////// end div infos site ////////////////////////
//////////////////// start div infos actualité ////////////////////////
$(document).ready(function () {
// Vérifier si .layout-container A l'ID #page-node (et non un élément enfant)
if ($(".layout-container").attr("id") === "page-node") {
$("article.node-type-actualite").each(function () {
let article = $(this);
let dateField = article.find(".field_field_date");
let typeField = article.find(".field_field_type_d_actualite");
// Vérifier si les deux éléments existent
if (dateField.length > 0 && typeField.length > 0) {
// Vérifier si l'encapsulation n'existe pas déjà
if (article.find(".infos-actu").length === 0) {
// Créer un conteneur et y insérer les éléments
let infosActu = $("<div>").addClass("infos-actu").append(dateField, typeField);
// Ajouter ce conteneur après les champs existants
article.append(infosActu);
}
}
});
}
});
//////////////////// end div infos actualité ////////////////////////
//////////////////////////////////////////////////////////////////
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
// Sélectionner les éléments à déplacer // Sélectionner les éléments à déplacer
const documentsField = document.querySelector(".field_field_documents"); const documentsField = document.querySelector(".field_field_documents");
@ -681,7 +711,7 @@ moveLanguageSwitcher();
window.addEventListener("resize", moveLanguageSwitcher); window.addEventListener("resize", moveLanguageSwitcher);
}); });
///////////////////////////////////////////////////////////////
/////////////// start class à view-rows-ressources //////// /////////////// start class à view-rows-ressources ////////
$(document).ready(function () { $(document).ready(function () {

124
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss
View File

@ -33,9 +33,69 @@
.node-type-actualite{ .node-type-actualite{
width: 100%; width: 100%;
padding-bottom: 7rem; padding-bottom: 7rem;
a{ display: flex;
flex-direction: column;
div{
order: 2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.field_body {
order: 2;
padding-bottom: 2rem;
p{
font-size: 0.8rem;
}
}
.field_field_liens{
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
width: fit-content;
a{
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
}
a:not(.ext){
display: none;
}
}
.field_field_images{
order: 5;
img{
width: 100%;
height: auto;
}
blockquote.image-field-caption{
margin-left: 0;
margin-top: 0;
p{
margin-top: 0;
font-size: 0.4rem;
}
}
}
} }
.infos-actu{ .infos-actu{
@ -51,8 +111,8 @@
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
font-weight: 600; font-weight: 600;
display: inline-flex; display: flex;
align-items: center; flex-direction: row;
&::before{ &::before{
content: url('../img/type-actu.svg'); content: url('../img/type-actu.svg');
padding-right: 0.4rem; padding-right: 0.4rem;
@ -60,9 +120,10 @@
} }
.field_field_date{ .field_field_date{
color: red; color: red;
display: inline-flex; display: flex;
align-items: center; flex-direction: row;
margin-left: 1rem; margin-left: 1rem;
padding-right: 1rem;
&::before{ &::before{
content: url('../img/date-actu.svg'); content: url('../img/date-actu.svg');
padding-right: 0.4rem; padding-right: 0.4rem;
@ -70,60 +131,7 @@
} }
} }
.field_body {
order: 2;
padding-bottom: 2rem;
p{
font-size: 0.8rem;
}
}
.field_field_liens{
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
a{
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
}
a:not(.ext){
display: none;
}
}
.field_field_images{
order: 5;
img{
width: 100%;
height: auto;
}
blockquote.image-field-caption{
margin-left: 0;
margin-top: 0;
p{
margin-top: 0;
font-size: 0.4rem;
}
}
}
} }