diff --git a/apps/documenteditor/mobile/src/css/app.less b/apps/documenteditor/mobile/src/css/app.less index 6e73cb840c..39a4c6a802 100644 --- a/apps/documenteditor/mobile/src/css/app.less +++ b/apps/documenteditor/mobile/src/css/app.less @@ -10,38 +10,6 @@ @import './icons-ios.less'; @import './icons-material.less'; -/* Left Panel right border when it is visible by breakpoint */ -.panel-left.panel-in-breakpoint:before { - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 1px; - background: rgba(0,0,0,0.1); - content: ''; - z-index: 6000; -} - -/* Hide navbar link which opens left panel when it is visible by breakpoint */ -.panel-left.panel-in-breakpoint ~ .view .navbar .panel-open[data-panel="left"] { - display: none; -} - -/* - Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size) -*/ -.ios .panel-left:not(.panel-in-breakpoint).panel-in ~ .view-main:before, -.ios .panel-left:not(.panel-in-breakpoint).panel-closing ~ .view-main:before { - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 1px; - background: rgba(0,0,0,0.1); - content: ''; - z-index: 6000; -} - :root { --f7-popover-width: 360px; } diff --git a/apps/documenteditor/mobile/src/view/app.jsx b/apps/documenteditor/mobile/src/view/app.jsx index 64a7a3ab9e..da82af4b7d 100644 --- a/apps/documenteditor/mobile/src/view/app.jsx +++ b/apps/documenteditor/mobile/src/view/app.jsx @@ -31,51 +31,9 @@ export default class extends React.Component { return ( - {/* Left panel with cover effect when hidden */} - - - - - Left View Navigation - - - - - - - - - - {/* Right panel with reveal effect*/} - - - - - Right panel content goes here - - - - - {/* Your main view, should have "view-main" class */} - - {/* Popup */} - - - - - - Close - - - -

Popup content goes here.

-
-
-
-
) }