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

fonds, ajustements carte index projets, ajustements grille index projets, hover carte leaflet projet, ajustements collectifs des projets

Browse Source
This commit is contained in:
Valentin
2024-11-07 04:37:14 +01:00
parent dea01885d7
commit 9cd6627bfa
47 changed files with 2795 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
web/themes/erabletheme/scss/_projets.scss
View File

@@ -6,9 +6,12 @@
flex-direction: row;
}
> header {
margin-right: 5vw;
//margin-right: 5vw;
padding: 0 3vw;
@include main_text_content();
@media (min-width: $breakpoint_desktop) {
max-width: 55vw;
}
h1, h2, h3,
h4, h5, h6 {
padding: 0 !important;
@@ -24,6 +27,9 @@
width: 100%;
}
}
p {
margin-bottom: 1rem;
}
}
.projets_intro {
display: none;
@@ -31,12 +37,17 @@
#sites-map-container {
width: 70%;
padding: 0 !important;
padding-bottom: 5vh !important;
@media screen and (min-width: $breakpoint_tablet) {
width: 50%;
}
@media (min-width: $breakpoint_desktop) {
margin-right: 8vw !important;
width: 85%;
//margin-right: 8vw !important;
margin: 0 2vw;
margin-right: 3vw;
margin-top: 5vh;
padding-bottom: 0;
//width: 85%;
}
#popup {
h3 {
@@ -67,29 +78,31 @@
display: grid;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(4, auto);
grid-column-gap: 1rem;
> .views-field-field-diaporama {
grid-column: 1;
grid-row: 1/5;
grid-row: 1/4;
align-self: start;
overflow: hidden;
height: 100%;
> .field-content {
width: 8rem;
height: 8rem;
display: block;
width: 100%;
height: 100%;
> a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
height: auto;
display: flex;
align-items: center;
align-items: start;
justify-content: center;
mask-image: url('/themes/erabletheme/assets/shapes/shape_1.svg');
mask-repeat: no-repeat;
mask-size: 100% auto;
mask-position: center;
img {
width: 100%;
height: 100%;
mask-image: url('/themes/erabletheme/assets/shapes/shape_1.svg');
mask-repeat: no-repeat;
mask-size: 100% 100%;
mask-position: center;
object-fit: cover;
width: 170%;
height: auto;
//object-fit: cover;
}
}
}
@@ -98,6 +111,7 @@
grid-column: 2;
grid-row: 1;
margin-bottom: 1rem;
margin-left: -1rem;
a {
color: $teal;
}
@@ -109,6 +123,7 @@
font-size: 1.1rem !important;
margin-bottom: 1rem;
line-height: 1.3;
font-size: $m_font_size !important;
a {
color: black;
}
@@ -118,14 +133,16 @@
grid-column: 2;
grid-row: 3;
margin-bottom: 1rem;
margin-left: -0.5rem;
@include main_text_content();
a {
color: black;
}
}
> .views-field-field-th {
grid-column: 2;
grid-column: 1/3;
grid-row: 4;
padding-left: 1rem;
ul {
li {
display: inline-block;
@@ -192,6 +209,11 @@
}
}
}
.intro {
> div > div:first-of-type {
display: none;
}
}
.diapo {
margin-top: 3rem;
margin-left: calc($x_margin * 3);
@@ -278,7 +300,8 @@
}
.carte {
width: auto;
margin: 4rem $x_margin;
margin: 0 $x_margin;
margin-top: 4rem;
.leaflet-pane {
path {
stroke: $fluo_green;
@@ -287,11 +310,34 @@
fill-opacity: 0.2;
}
}
#leaflet-popup {
position: fixed;
padding: 0.3rem 0.8rem;
background-color: white;
font-size: $sm_font_size !important;
opacity: 0;
transition: opacity 0.3s ease;
@include main_text_content();
}
}
.libelles-carte {
display: none;
}
.legende-carte {
> div > div:first-of-type {
display: none;
}
p {
margin-top: 1rem !important;
font-size: 0.8rem !important;
opacity: 0.7;
}
}
.chronologie {
display: none;
}
.equipe {
margin-top: 4rem;
> div {
> div:first-of-type {
margin-left: $x_margin;
@@ -313,11 +359,11 @@
> div {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 1rem;
grid-column-gap: 4rem;
grid-row-gap: 2rem;
grid-column-gap: 1.5rem;
width: 75%;
@media screen and (min-width: $breakpoint_tablet) {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(3, 1fr);
width: unset;
}
> div {
@@ -332,44 +378,36 @@
grid-template-columns: auto 1fr;
grid-column-gap: 0;
flex-direction: column;
> div:first-of-type {
grid-column: 1 / span 2;
grid-row: 1;
margin: 0;
padding: 0;
display: block;
width: 5rem;
height: 5rem;
margin-bottom: 0.75rem;
> div {
width: 5rem;
height: 5rem;
> img {
width: 5rem;
height: auto;
}
}
> .portrait {
display: none;
}
> div:nth-of-type(2) {
> .nom {
grid-column: 2;
grid-row: 2;
margin: 0;
padding: 0;
margin-left: 0.3rem;
color: black;
font-size: $m_font_size;
> div {
padding-left: 0.2rem !important;
}
}
> div:nth-of-type(3) {
> .prenom {
grid-column: 1;
grid-row: 2;
margin: 0;
padding: 0;
color: black;
font-size: $m_font_size;
}
> div:nth-of-type(4) {
> .texte {
margin-top: 0.5rem;
grid-column: 1 / span 2;
grid-row: 3;
p {
margin: 0;
padding: 0;
font-size: $m_font_size;
margin: 0 !important;
padding: 0 !important;
}
}
}
@@ -391,7 +429,3 @@
}
}
}
#block-erabletheme-views-block-projets-block-1 {
// display: none;
}