diff --git a/src/index.tsx b/src/index.tsx index 0e692f2..04f8e38 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,11 +1,6 @@ /* ## BUGS - - done adding/removing points doesn't change distance - done cancelling editing someone's else map return back to it's original address /razminochnyj/ - done change title on route opening - done delete sticker icon todo fix arrows (can't reproduce now :-( ) todo adding route, applying it and adding again and deleting it makes ghost points on the map @@ -29,6 +24,11 @@ ## DONE + done adding/removing points doesn't change distance + done cancelling editing someone's else map return back to it's original address /razminochnyj/ + done change title on route opening + done delete sticker icon + done tooltips for panel items done map catalogue done public maps diff --git a/src/styles/colors.less b/src/styles/colors.less index 6cd04c6..621f29e 100644 --- a/src/styles/colors.less +++ b/src/styles/colors.less @@ -28,3 +28,5 @@ @micro_breakpoint: 390px; @tooltip_background: #123740; + +@loading_shade: darken(fade(@blue_secondary, 80%), 20%); diff --git a/src/styles/dialogs.less b/src/styles/dialogs.less index 932999b..cf26949 100644 --- a/src/styles/dialogs.less +++ b/src/styles/dialogs.less @@ -117,8 +117,8 @@ } @keyframes pulse { - 0% { opacity: 0.3; } - 100% { opacity: 0.7; } + 0% { opacity: 1; } + 100% { opacity: 0.5; } } @keyframes spin { @@ -132,15 +132,15 @@ left: 0; width: 100%; z-index: 10; - background: linear-gradient(fade(@red_secondary, 0%), @red_secondary); - height: 48px; + background: linear-gradient(fade(@loading_shade, 0%), @loading_shade 70%); + height: 100px; pointer-events: none; - transition: opacity 250ms; + transition: opacity 100ms; opacity: 0; &.active { opacity: 1; - animation: pulse 500ms infinite alternate; + animation: pulse 500ms 250ms infinite alternate; } } diff --git a/src/styles/save.less b/src/styles/save.less index a21e0dd..ba9b520 100644 --- a/src/styles/save.less +++ b/src/styles/save.less @@ -24,7 +24,7 @@ left: 0; width: 100%; height: 100%; - background: darken(fade(@blue_secondary, 80%), 20%); + background: @loading_shade; z-index: 2; display: flex; align-items: center;