muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +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

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;