From 7bb319ac8fc4eab17431cea04ab49812b412a35c Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Tue, 12 Feb 2019 09:50:39 +0700
Subject: [PATCH] fixed trash dialog and top panel mobile appearance
---
src/components/dialogs/TrashDialog.jsx | 2 +-
src/styles/panel.less | 15 ++++++++++-----
2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/src/components/dialogs/TrashDialog.jsx b/src/components/dialogs/TrashDialog.jsx
index e60021a..9438c67 100644
--- a/src/components/dialogs/TrashDialog.jsx
+++ b/src/components/dialogs/TrashDialog.jsx
@@ -21,7 +21,7 @@ export const TrashDialog = ({
</div>
</div>
<div className="helper trash-helper">
- <div className="helper__buttons flex_1">
+ <div className="helper__buttons flex_1 trash-buttons">
<div className="button-group">
<div className="button router-helper__button" onClick={clearPoly}>
Маршрут
diff --git a/src/styles/panel.less b/src/styles/panel.less
index a4fd871..2b7fa58 100644
--- a/src/styles/panel.less
+++ b/src/styles/panel.less
@@ -344,6 +344,16 @@
}
}
+.trash-buttons {
+ @media (max-width: @mobile_breakpoint) {
+ flex-direction: column;
+
+ .button-group {
+ margin-bottom: 10px;
+ }
+ }
+}
+
.logo-helper {
width: 200px;
flex-direction: column;
@@ -496,12 +506,7 @@
}
&.top-control {
- //width: 150px;
justify-content: flex-start;
-
- @media (max-width: @mobile_breakpoint) {
- width: 100px;
- }
}
svg {