muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

changed todo and fade colors

Browse source
This commit is contained in:
muerwre 2019-02-19 16:37:55 +07:00
parent bbb628a24a
commit 0caa8b3624
4 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/index.tsx
View file

@ -1,11 +1,6 @@
/* /*
## BUGS ## 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 fix arrows (can't reproduce now :-( )
todo adding route, applying it and adding again and deleting it makes ghost points on the map todo adding route, applying it and adding again and deleting it makes ghost points on the map
@ -29,6 +24,11 @@
## DONE ## 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 tooltips for panel items
done map catalogue done map catalogue
done public maps done public maps

2
src/styles/colors.less
View file

@ -28,3 +28,5 @@
@micro_breakpoint: 390px; @micro_breakpoint: 390px;
@tooltip_background: #123740; @tooltip_background: #123740;
@loading_shade: darken(fade(@blue_secondary, 80%), 20%);

12
src/styles/dialogs.less
View file

@ -117,8 +117,8 @@
} }
@keyframes pulse { @keyframes pulse {
0% { opacity: 0.3; } 0% { opacity: 1; }
100% { opacity: 0.7; } 100% { opacity: 0.5; }
} }
@keyframes spin { @keyframes spin {
@ -132,15 +132,15 @@
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 10; z-index: 10;
background: linear-gradient(fade(@red_secondary, 0%), @red_secondary); background: linear-gradient(fade(@loading_shade, 0%), @loading_shade 70%);
height: 48px; height: 100px;
pointer-events: none; pointer-events: none;
transition: opacity 250ms; transition: opacity 100ms;
opacity: 0; opacity: 0;
&.active { &.active {
opacity: 1; opacity: 1;
animation: pulse 500ms infinite alternate; animation: pulse 500ms 250ms infinite alternate;
} }
} }

2
src/styles/save.less
View file

@ -24,7 +24,7 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: darken(fade(@blue_secondary, 80%), 20%); background: @loading_shade;
z-index: 2; z-index: 2;
display: flex; display: flex;
align-items: center; align-items: center;