mystiq/hydrogen-web
Archived
4
1
Fork 1
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;
}
.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; }

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

@ -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)),