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

MODIF CONFIGS : view étape l'icône sur la map n'est plus hardcodée

Browse Source
This commit is contained in:
Valentin Le Moign
2025-02-28 17:24:54 +01:00
parent 8b2938de0e
commit 6ecf055060
8 changed files with 131 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
web/themes/custom/caravane/assets/scss/main.scss
View File

@@ -343,27 +343,15 @@ body{
left: 0;
}
.leaflet-map-divicon {
width: 10px;
height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20px !important;
height: 20px !important;
transition: transform 0.3s ease-out;
> div {
background-color: red;
display: block;
width: 20px;
height: 10px;
}
> div:first-of-type {
height: 8px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
transform: rotate(180deg);
}
> div:nth-of-type(3) {
height: 8px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
transform-origin: center;
mask-image: url("/themes/custom/caravane/assets/pictograms/hexagone.svg");
mask-size: contain;
mask-repeat: no-repeat;
> .url, .couleur {
display: none;
}
}
}
@@ -689,24 +677,12 @@ body{
}
}
> .icone-arret {
width: 10px;
height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
> div {
display: block;
width: 20px;
height: 10px;
&:first-of-type, &:last-of-type {
height: 8px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
&:first-of-type {
transform: rotate(180deg);
}
}
min-width: 20px;
height: 20px;
display: block;
mask-image: url("/themes/custom/caravane/assets/pictograms/hexagone.svg");
mask-size: contain;
mask-repeat: no-repeat;
}
}
> li:hover {
@@ -926,6 +902,8 @@ body{
}
}
> main {
z-index: 1;
position: relative;
width: 100%;
padding: 0 $modale-x-padding;
padding-bottom: 5vh;
@@ -1232,6 +1210,7 @@ body{
}
}
> footer {
position: relative;
z-index: 0;
.pattern-bottom {
mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));