diff options
| -rw-r--r-- | deploy/mobile/image.html | 1 | ||||
| -rw-r--r-- | src/mobile/MobileInterface.scss | 2 | ||||
| -rw-r--r-- | src/mobile/MobileInterface.tsx | 5 | ||||
| -rw-r--r-- | src/mobile/MobileMenu.scss | 5 |
4 files changed, 9 insertions, 4 deletions
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 @@ <head> <title>Dash Mobile</title> <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Hind+Siliguri:300" rel="stylesheet"> - <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0" /> </head> <body> 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 { |