diff --git a/src/platform/web/ui/css/layout.css b/src/platform/web/ui/css/layout.css index 802ae329..38e7155e 100644 --- a/src/platform/web/ui/css/layout.css +++ b/src/platform/web/ui/css/layout.css @@ -54,7 +54,7 @@ main { min-width: 0; } -.SideBarActive{ +.right-shown{ grid-template: "status status status" auto "left middle right" 1fr / @@ -72,7 +72,7 @@ the layout viewport up without resizing it when the keyboard shows */ .middle .close-middle { display: none; } /* mobile layout */ @media screen and (max-width: 800px) { - .SessionView:not(.middle-shown, .SideBarActive) { + .SessionView:not(.middle-shown, .right-shown) { grid-template: "status" auto "left" 1fr / @@ -86,7 +86,7 @@ the layout viewport up without resizing it when the keyboard shows */ 1fr; } - .SessionView.SideBarActive{ + .SessionView.right-shown{ grid-template: "status" auto "right" 1fr / @@ -96,7 +96,7 @@ the layout viewport up without resizing it when the keyboard shows */ .SessionView:not(.middle-shown) .room-placeholder { display: none; } .SessionView.middle-shown .LeftPanel { display: none; } - .SessionView.SideBarActive .middle { display: none; } + .SessionView.right-shown .middle { display: none; } /* show back button */ .middle .close-middle { display: block !important; } diff --git a/src/platform/web/ui/session/SessionView.js b/src/platform/web/ui/session/SessionView.js index 2c2a3cd1..a6830fa7 100644 --- a/src/platform/web/ui/session/SessionView.js +++ b/src/platform/web/ui/session/SessionView.js @@ -33,7 +33,7 @@ export class SessionView extends TemplateView { className: { "SessionView": true, "middle-shown": vm => !!vm.activeMiddleViewModel, - "SideBarActive": vm => !!vm.roomInfoViewModel + "right-shown": vm => !!vm.roomInfoViewModel }, }, [ t.view(new SessionStatusView(vm.sessionStatusViewModel)),