From 6d68abf588f7b6182a62b74882d1fdc09b2b0230 Mon Sep 17 00:00:00 2001
From: Lionel Han <47760119+IGoByJoe@users.noreply.github.com>
Date: Tue, 16 Jun 2020 09:50:22 -0700
Subject: bug fixes
---
src/mobile/MobileMenu.scss | 3 +++
1 file changed, 3 insertions(+)
(limited to 'src/mobile/MobileMenu.scss')
diff --git a/src/mobile/MobileMenu.scss b/src/mobile/MobileMenu.scss
index 8d996f779..cd531056e 100644
--- a/src/mobile/MobileMenu.scss
+++ b/src/mobile/MobileMenu.scss
@@ -20,6 +20,7 @@ body {
height: $navbar-height;
background-color: whitesmoke;
border-bottom: 5px solid black;
+ z-index: 150;
}
.navbar .cover {
@@ -192,8 +193,10 @@ body {
.sidebar.active {
+ position: absolute;
right: 0%;
opacity: 1;
+ z-index: 101;
}
.back {
--
cgit v1.2.3-70-g09d2
From 5b7b2a3e083d532758409474b8549b7bc16e7a4e Mon Sep 17 00:00:00 2001
From: Lionel Han <47760119+IGoByJoe@users.noreply.github.com>
Date: Tue, 16 Jun 2020 21:01:05 -0700
Subject: fix css
---
deploy/mobile/image.html | 1 -
src/mobile/MobileInterface.scss | 2 +-
src/mobile/MobileInterface.tsx | 5 +++--
src/mobile/MobileMenu.scss | 5 +++++
4 files changed, 9 insertions(+), 4 deletions(-)
(limited to 'src/mobile/MobileMenu.scss')
diff --git a/deploy/mobile/image.html b/deploy/mobile/image.html
index 718550f02..d30ad6ac2 100644
--- a/deploy/mobile/image.html
+++ b/deploy/mobile/image.html
@@ -3,7 +3,6 @@
Dash Mobile
-
diff --git a/src/mobile/MobileInterface.scss b/src/mobile/MobileInterface.scss
index 215ce02e5..86b043590 100644
--- a/src/mobile/MobileInterface.scss
+++ b/src/mobile/MobileInterface.scss
@@ -33,4 +33,4 @@
position: relative;
touch-action: none;
background-color: pink;
-}
\ No newline at end of file
+}
diff --git a/src/mobile/MobileInterface.tsx b/src/mobile/MobileInterface.tsx
index 5054dd560..68fb8b28f 100644
--- a/src/mobile/MobileInterface.tsx
+++ b/src/mobile/MobileInterface.tsx
@@ -321,8 +321,9 @@ export class MobileInterface extends React.Component {
this._child = null;
this.switchCurrentView((userDoc: Doc) => doc);
this._parents.length = index;
- } else if (doc === this._homeDoc) this.returnHome();
- else {
+ } else if (doc === this._homeDoc) {
+ this.returnHome();
+ } else {
this._activeDoc = doc;
this._child = doc;
this.switchCurrentView((userDoc: Doc) => doc);
diff --git a/src/mobile/MobileMenu.scss b/src/mobile/MobileMenu.scss
index e5703c5fb..55c62f458 100644
--- a/src/mobile/MobileMenu.scss
+++ b/src/mobile/MobileMenu.scss
@@ -56,6 +56,11 @@ body {
user-select: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ direction: ltr;
+ width: 600px;
}
.navbar .toggle-btn span {
--
cgit v1.2.3-70-g09d2