langswitcher

This commit is contained in:
ouidade 2024-11-13 09:56:02 +01:00
parent 18e2c311be
commit 6556c7a864
6 changed files with 54 additions and 29 deletions

File diff suppressed because one or more lines are too long

View File

@ -333,15 +333,19 @@ header .header_left_container img {
} }
} }
header .header_right_container { header .header_right_container {
display: none;
flex: 0 0 0%; flex: 0 0 0%;
width: 100%; width: fit-content;
min-width: fit-content; min-width: fit-content;
background: rgb(7, 50, 194); background: rgb(7, 50, 194);
text-align: center; text-align: center;
transform: translateX(0); transform: translateX(0);
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
z-index: -1; z-index: -1;
position: fixed;
right: 0;
border-radius: 11px;
padding: 0.5rem;
margin: 1rem;
} }
@media (max-width: 660px) { @media (max-width: 660px) {
header .header_right_container { header .header_right_container {
@ -1256,26 +1260,26 @@ footer {
transform: translateY(18.6rem); transform: translateY(18.6rem);
} }
} }
@media (max-width: 500px) { @media (max-width: 1080px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(18.3rem);
}
}
@media (min-width: 809px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(20.7rem);
}
}
@media (max-width: 770px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol { #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
align-self: center; align-self: center;
font-size: 2.5rem; font-size: 2.5rem;
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
transform: translateY(22.5rem); transform: translateY(21.2rem);
padding-right: 3rem; padding-right: 3rem;
} }
} }
@media (max-width: 810px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(20.7rem);
}
}
@media (max-width: 1080px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(18.3rem);
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date { #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date {
width: fit-content !important; width: fit-content !important;
display: flex; display: flex;
@ -1365,6 +1369,12 @@ footer {
min-width: 80%; min-width: 80%;
} }
} }
@media (max-width: 820px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .text {
height: 186px;
min-width: 80%;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .text .field_field_titre { #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .text .field_field_titre {
font-size: 0.7rem; font-size: 0.7rem;
font-family: "gilroy-bold"; font-family: "gilroy-bold";

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61-3.594 3.595-3.594s3.595 1.609 3.595 3.594c0 1.985-1.61 3.595-3.595 3.595zm3.737-6.491c-.464 0-.84-.376-.84-.84 0-.464.376-.84.84-.84.464 0 .84.376.84.84 0 .463-.376.84-.84.84zm-1.404 2.896c0 1.289-1.045 2.333-2.333 2.333s-2.333-1.044-2.333-2.333c0-1.289 1.045-2.333 2.333-2.333s2.333 1.044 2.333 2.333zm-2.333-12c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.958 14.886c-.115 2.545-1.532 3.955-4.071 4.072-.747.034-.986.042-2.887.042s-2.139-.008-2.886-.042c-2.544-.117-3.955-1.529-4.072-4.072-.034-.746-.042-.985-.042-2.886 0-1.901.008-2.139.042-2.886.117-2.544 1.529-3.955 4.072-4.071.747-.035.985-.043 2.886-.043s2.14.008 2.887.043c2.545.117 3.957 1.532 4.071 4.071.034.747.042.985.042 2.886 0 1.901-.008 2.14-.042 2.886z"/></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -394,10 +394,12 @@
breakpoint: 810, breakpoint: 810,
settings: { settings: {
slidesToShow: 1, slidesToShow: 1,
// slidesToScroll: 1,
adaptiveHeight: false, adaptiveHeight: false,
arrows: true, arrows: true,
draggable: true, draggable: true,
centerMode: false, // centerMode: true,
// centerPadding: '100px',
autoplay: false, autoplay: false,
// autoplaySpeed: 2000, // autoplaySpeed: 2000,
} }

View File

@ -75,15 +75,21 @@ header{
} }
} }
.header_right_container{ .header_right_container{
display: none; // display: none;
flex: 0 0 0%; flex: 0 0 0%;
width: 100%; width: fit-content;
min-width: fit-content; min-width: fit-content;
background: $blue_QDD; background: $blue_QDD;
text-align: center; text-align: center;
transform: translateX(0); transform: translateX(0);
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
z-index: -1 ; z-index: -1 ;
position: fixed;
right: 0;
border-radius: 11px;
padding: 0.5rem;
margin: 1rem;
@media(max-width: 660px){ @media(max-width: 660px){
padding-right: 0; padding-right: 0;

View File

@ -67,24 +67,26 @@
transform: translateX(1rem); transform: translateX(1rem);
@media(max-width:1100px){ @media(max-width:1100px){
transform: translateY(18.6rem); transform: translateY(18.6rem);
} }
@media(max-width:500px){ @media(max-width:1080px){
transform: translateY(18.3rem);
}
@media(min-width:809px){
transform: translateY(20.7rem);
}
@media(max-width:770px){
align-self: center; align-self: center;
font-size: 2.5rem; font-size: 2.5rem;
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
transform: translateY(22.5rem); transform: translateY(21.2rem);
padding-right: 3rem; padding-right: 3rem;
} }
@media(max-width:810px){ // @media(max-width:290px){
transform: translateY(20.7rem); // transform: translateY(22.2rem);
// }
}
@media(max-width:1080px){
transform: translateY(18.3rem);
}
} }
// border-bottom: solid black 1px; // border-bottom: solid black 1px;
// &:before{ // &:before{
@ -191,6 +193,10 @@
height: 200px; height: 200px;
min-width: 80%; min-width: 80%;
} }
@media(max-width:820px){
height: 186px;
min-width: 80%;
}
.field_field_titre{ .field_field_titre{
font-size: 0.7rem; font-size: 0.7rem;
// font-weight: 800; // font-weight: 800;