Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

Change SideBarActive --> right-shown

Browse source 
Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-06-04 14:43:48 +05:30
parent 5b74038912
commit 0d63ce9a3a
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/platform/web/ui/css/layout.css
View file

@ -54,7 +54,7 @@ main {
min-width: 0; min-width: 0;
} }
.SideBarActive{ .right-shown{
grid-template: grid-template:
"status status status" auto "status status status" auto
"left middle right" 1fr / "left middle right" 1fr /
@ -72,7 +72,7 @@ the layout viewport up without resizing it when the keyboard shows */
.middle .close-middle { display: none; } .middle .close-middle { display: none; }
/* mobile layout */ /* mobile layout */
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.SessionView:not(.middle-shown, .SideBarActive) { .SessionView:not(.middle-shown, .right-shown) {
grid-template: grid-template:
"status" auto "status" auto
"left" 1fr / "left" 1fr /
@ -86,7 +86,7 @@ the layout viewport up without resizing it when the keyboard shows */
1fr; 1fr;
} }
.SessionView.SideBarActive{ .SessionView.right-shown{
grid-template: grid-template:
"status" auto "status" auto
"right" 1fr / "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:not(.middle-shown) .room-placeholder { display: none; }
.SessionView.middle-shown .LeftPanel { display: none; } .SessionView.middle-shown .LeftPanel { display: none; }
.SessionView.SideBarActive .middle { display: none; } .SessionView.right-shown .middle { display: none; }
/* show back button */ /* show back button */
.middle .close-middle { display: block !important; } .middle .close-middle { display: block !important; }

2
src/platform/web/ui/session/SessionView.js
View file

@ -33,7 +33,7 @@ export class SessionView extends TemplateView {
className: { className: {
"SessionView": true, "SessionView": true,
"middle-shown": vm => !!vm.activeMiddleViewModel, "middle-shown": vm => !!vm.activeMiddleViewModel,
"SideBarActive": vm => !!vm.roomInfoViewModel "right-shown": vm => !!vm.roomInfoViewModel
}, },
}, [ }, [
t.view(new SessionStatusView(vm.sessionStatusViewModel)), t.view(new SessionStatusView(vm.sessionStatusViewModel)),