Bastian-Greshake-Tzovaras/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Update of the 'addNewMarker': show icons, show plus button, show label

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-08-22 18:48:38 +02:00
parent a2955eaf91
commit 3c73dfd6b2
12 changed files with 416 additions and 121 deletions
Download patch file Download diff file Expand all files Collapse all files

72
index.css
View file

@ -11,39 +11,39 @@
.max-h-20vh {
max-height: 20vh;
}
.z-above-map{
.z-above-map {
z-index: 10000
}
.z-above-controls{
.z-above-controls {
z-index: 10001
}
}
.btn {
@apply inline-flex justify-center;
@apply py-2 px-4;
@apply border border-transparent shadow-sm;
@apply shadow-sm rounded-3xl;
@apply ring-2 ring-blue-200 hover:ring-blue-300;
@apply mt-1 mr-1;
@apply text-sm font-medium text-white;
@apply bg-blue-600 hover:bg-blue-700;
@apply focus:outline-none focus:ring-blue-700;
}
.btn {
@apply inline-flex justify-center;
@apply py-2 px-4;
@apply border border-transparent shadow-sm;
@apply shadow-sm rounded-3xl;
@apply ring-2 ring-blue-200 hover:ring-blue-300;
@apply mt-1 mr-1;
@apply text-sm font-medium text-white;
@apply bg-blue-600 hover:bg-blue-700;
@apply focus:outline-none focus:ring-blue-700;
}
.btn-secondary {
@apply bg-gray-600 hover:bg-gray-700;
}
.btn-secondary {
@apply bg-gray-600 hover:bg-gray-700;
}
.btn-disabled {
@apply bg-gray-500 hover:bg-gray-500;
@apply text-gray-300;
@apply ring-gray-200 hover:ring-gray-200 focus:ring-gray-200;
@apply cursor-default;
}
.btn-disabled {
@apply bg-gray-500 hover:bg-gray-500;
@apply text-gray-300;
@apply ring-gray-200 hover:ring-gray-200 focus:ring-gray-200;
@apply cursor-default;
}
}
@ -61,7 +61,7 @@
--shadow-color: #00000066;
--variable-title-height: 0px; /* Set by javascript */
--return-to-the-map-height: 2em;
--image-carousel-height: 350px;
}
@ -75,6 +75,7 @@ html, body {
color: var(--foreground-color);
font-family: 'Helvetica Neue', Arial, sans-serif;
}
.leaflet-overlay-pane .leaflet-zoom-animated {
/* Another workaround to keep leaflet working */
width: initial !important;
@ -93,7 +94,7 @@ svg, img {
display: unset;
}
.mapcontrol svg path{
.mapcontrol svg path {
fill: var(--subtle-detail-color-contrast) !important;
}
@ -125,12 +126,12 @@ btn {
width: 4rem !important;
}
.space-between{
.space-between {
justify-content: space-between;
}
.link-underline a {
text-decoration: underline 1px #0078a855;;
text-decoration: underline 1px #0078a855;;
color: #0078A8;
}
@ -182,7 +183,9 @@ li::marker {
color: var(--subtle-detail-color-light-contrast);
}
.border-attention-catch{ border: 5px solid var(--catch-detail-color);}
.border-attention-catch {
border: 5px solid var(--catch-detail-color);
}
.direction-svg svg path {
fill: var(--catch-detail-color) !important;
@ -299,6 +302,15 @@ li::marker {
}
@keyframes slide {
from {
transform: translateX(0%);
}
to {
transform: translateX(calc(-100% + 42px));
}
}
/**************************************/
@ -380,7 +392,7 @@ li::marker {
}
.slideshow-item img{
.slideshow-item img {
height: var(--image-carousel-height);
width: unset;
}