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

js css timeline

This commit is contained in:
ouidade 2024-07-05 16:14:15 +02:00
parent 96ae5337a1
commit 4e7142dba8
3 changed files with 31 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -990,13 +990,10 @@ footer span.totop #toTop .arrow-up::before {
#home .timeline .__timeline-content .__paragraphs:first-of-type {
height: 0px;
}
#home .timeline .__timeline-content .__paragraphs:last-child {
width: 20px;
}
#home .timeline .__timeline-content .__paragraphs:not(:first-child) {
margin-left: 14px;
}
#home .timeline .__timeline-content .__paragraphs:not(:last-child)::after {
#home .timeline .__timeline-content .__paragraphs::after {
content: "";
position: absolute;
top: 50%;
@ -1027,18 +1024,27 @@ footer span.totop #toTop .arrow-up::before {
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .moi-annee {
display: inline-flex;
font-size: 0.8rem;
font-size: 0.6rem;
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .moi-annee .field_field_date_de_moi {
padding-right: 0.5rem;
text-transform: uppercase;
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_jour {
font-size: 5rem;
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
border: solid rgb(7, 50, 194) 1px;
border-radius: 5%;
padding: 0.6rem 0.6rem;
width: 45%;
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
font-size: 0.6rem;
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p {
font-size: 0.5rem !important;
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description .field--label-above {
display: none;
}

27
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@ -39,13 +39,13 @@
&:first-of-type{
height: 0px;
}
&:last-child {
width: 20px;
}
// &:last-child {
// width: 20px;
// }
&:not(:first-child) {
margin-left: 14px;
}
&:not(:last-child)::after {
&::after {
content: "";
position: absolute;
top: 50%;
@ -72,15 +72,20 @@
padding-bottom: 1rem;
.date{
width: 50%;
.moi-annee{
display: inline-flex;
font-size: 0.8rem;
font-size: 0.6rem;
.field_field_date_de_moi{
padding-right: 0.5rem;
text-transform: uppercase;
}
}
.field_field_date_de_jour{
font-size: 5rem;
}
}
@ -89,11 +94,15 @@
border-radius: 5%;
padding: 0.6rem 0.6rem;
width: 45%;
.field_field_description{
.field--label-above{display: none;}
}
.field_field_titre{
font-size: 0.6rem;
}
.field_field_description{
p{font-size: 0.5rem !important;}
.field--label-above{display: none;}
}
}
}
}
}

2
web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig
View File

@ -67,8 +67,8 @@
</div>
<div class="text">
{{ content.field_description}}
{{ content.field_titre}}
{{ content.field_description}}
</div>
{% endblock %}
</div>