From 78216ee94eb505893e7e8020df31b045bdce75c6 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Fri, 7 Dec 2018 09:47:35 +0700
Subject: [PATCH] dialogs: new appearance

---
 backend/models/Route.js                  |  2 +-
 backend/tools/import.js                  |  2 +-
 src/components/dialogs/MapListDialog.jsx |  2 +-
 src/styles/colors.less                   |  6 ++++--
 src/styles/dialogs.less                  | 22 ++++++++++++++++++----
 5 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/backend/models/Route.js b/backend/models/Route.js
index 6a6ff17..d773c55 100644
--- a/backend/models/Route.js
+++ b/backend/models/Route.js
@@ -16,7 +16,7 @@ const RouteSchema = new Schema(
     created_at: { type: Date, default: Date.now() },
     updated_at: { type: Date, default: Date.now() },
     logo: { type: String, default: 'DEFAULT' },
-    map_style: { type: String, default: 'DEFAULT' },
+    provider: { type: String, default: 'DEFAULT' },
   },
 );
 
diff --git a/backend/tools/import.js b/backend/tools/import.js
index 89c2521..7fb4baa 100755
--- a/backend/tools/import.js
+++ b/backend/tools/import.js
@@ -131,7 +131,7 @@ const run = async () => {
         owner: { _id: login },
         created_at,
         updated_at: created_at,
-        map_style: mapStyleParser(map_style),
+        provider: mapStyleParser(map_style),
         route,
         stickers: [
           ...stickersParser(stickers),
diff --git a/src/components/dialogs/MapListDialog.jsx b/src/components/dialogs/MapListDialog.jsx
index 39b11de..345275c 100644
--- a/src/components/dialogs/MapListDialog.jsx
+++ b/src/components/dialogs/MapListDialog.jsx
@@ -13,7 +13,7 @@ type Props = {
 };
 
 const Component = ({ routes, editing, routes_sorted }: Props) => (
-  <div className="dialog-maplist">
+  <div className="dialog-content dialog-maplist">
     {
       routes_sorted.map(id => (
         <RouteRow
diff --git a/src/styles/colors.less b/src/styles/colors.less
index 0c85718..da1b740 100644
--- a/src/styles/colors.less
+++ b/src/styles/colors.less
@@ -21,5 +21,7 @@
 @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;
+// @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;
+@dialog_shadow: rgba(0,0,0,0.3) 0 0 0 2px;
+@bar_shadow: rgba(0,0,0,0.3) 0 0 0 2px, inset rgba(255, 255, 255, 0.05) 1px 1px;
diff --git a/src/styles/dialogs.less b/src/styles/dialogs.less
index 53b3cfa..7a639c6 100644
--- a/src/styles/dialogs.less
+++ b/src/styles/dialogs.less
@@ -1,7 +1,7 @@
 .dialog {
   // background: #222222;
   // background: linear-gradient(130deg, #320523, #020d2b);
-  background: #271535;
+  // background: #271535;
   position: fixed;
   left: 0;
   top: 0;
@@ -9,7 +9,6 @@
   height: 100%;
   z-index: 3;
 
-  box-shadow: @dialog_shadow;
   padding: 10px 10px 72px 10px;
   overflow: hidden;
   box-sizing: border-box;
@@ -23,20 +22,35 @@
     pointer-events: all;
   }
 
+}
+
+.dialog-content {
+  background: #271535;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+  border-radius: @panel_radius;
+  box-shadow: @dialog_shadow;
+
   &::after {
     content: ' ';
-    height: 100px;
+    height: 40px;
     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));
-     background: linear-gradient(0deg, rgba(39, 21, 53, 1) 50%, rgba(39, 21, 53, 1));
+    background: linear-gradient(0deg, rgba(39, 21, 53, 1), rgba(39, 21, 53, 0));
     position: absolute;
     z-index: 5;
   }
 }
 
+.dialog-maplist {
+  padding: 10px;
+  box-sizing: border-box;
+}
+
 .route-row {
   margin-bottom: 10px;
   background: rgba(255, 255, 255, 0.05);