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
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

2
src/styles/colors.less
View file

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

12
src/styles/dialogs.less
View file

@ -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;
}
}

2
src/styles/save.less
View file

@ -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;