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

map_list: initial

Browse source 
urls: editing now handled through urls
This commit is contained in:
muerwre 2018-12-05 14:16:23 +07:00
parent 3771e5d338
commit 0d9bad9095
23 changed files with 386 additions and 68 deletions

4
src/styles/colors.less
View file

@ -3,7 +3,6 @@
@router_line: #4597d0;
@bar_shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
@bar_background: #333333;
@dialog_background: #222222;
@ -21,3 +20,6 @@
@color_primary: #4597d0;
@color_success: #7cd766;
@color_danger: #ff3344;
@bar_shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
@dialog_shadow: rgba(0,0,0,0.3) 2px 0 0;

73
src/styles/dialogs.less Normal file
View file

@ -0,0 +1,73 @@
.dialog {
background: #222222;
//background: linear-gradient(130deg, #320523, #020d2b);
position: fixed;
left: 0;
top: 0;
width: 360px;
height: 100%;
z-index: 3;
box-shadow: @dialog_shadow;
padding: 10px 10px 72px 10px;
overflow: hidden;
box-sizing: border-box;
transform: translate3d(-100%, 0, 0);
pointer-events: none;
transition: transform 500ms;
&.active {
transform: translate3d(0, 0, 0);
pointer-events: all;
}
&::after {
content: ' ';
height: 100px;
width: 100%;
left: 0;
bottom: 0;
//background: linear-gradient(0deg, rgba(2, 13, 43, 1) 50%, rgba(2,13,43,0));
background: linear-gradient(0deg, rgba(34, 34, 34, 1) 50%, rgba(34, 34, 34, 0));
position: absolute;
z-index: 5;
}
}
.route-row {
margin-bottom: 10px;
background: rgba(255, 255, 255, 0.05);
padding: 10px 10px 5px 10px;
color: white;
user-select: none;
cursor: pointer;
transition: background-color 250ms;
&:hover {
background: rgba(255, 255, 255, 0.1);
}
}
.route-title {
margin-bottom: 5px;
font-weight: bold;
}
.route-description {
font-size: 0.9em;
opacity: 0.3;
margin-bottom: 5px;
svg {
width: 20px;
height: 20px;
fill: white;
vertical-align: text-bottom;
margin-bottom: -2px;
}
span {
padding-right: 10px;
}
}

5
src/styles/main.less
View file

@ -9,6 +9,7 @@
@import 'user-button.less';
@import 'save.less';
@import 'renderer.less';
@import 'dialogs.less';
body {
font-family: 'Rubik', sans-serif;
@ -54,8 +55,8 @@ body {
.cursor-tooltip {
position: fixed;
top: 2px;
left: 2px;
top: 4px;
left: 4px;
width: 20px;
height: 20px;
z-index: 10;

2
src/styles/panel.less
View file

@ -40,7 +40,7 @@
position: fixed;
left: 10px;
bottom: 10px;
z-index: 3;
z-index: 6;
color: white;
display: flex;
align-items: center;