mirror of
https://github.com/vector-im/hydrogen-web.git
synced 2024-12-24 12:04:57 +01:00
Add CSS to display sidebar to the right
Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
parent
9a605cc6c6
commit
0d11f85ab3
@ -54,6 +54,13 @@ main {
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.SideBarActive{
|
||||||
|
grid-template:
|
||||||
|
"status status status" auto
|
||||||
|
"left middle right" 1fr /
|
||||||
|
300px 1fr 300px;
|
||||||
|
}
|
||||||
|
|
||||||
/* resize and reposition session view to account for mobile Safari which shifts
|
/* resize and reposition session view to account for mobile Safari which shifts
|
||||||
the layout viewport up without resizing it when the keyboard shows */
|
the layout viewport up without resizing it when the keyboard shows */
|
||||||
.hydrogen.ios .SessionView {
|
.hydrogen.ios .SessionView {
|
||||||
|
@ -18,6 +18,7 @@ limitations under the License.
|
|||||||
@import url('layout.css');
|
@import url('layout.css');
|
||||||
@import url('login.css');
|
@import url('login.css');
|
||||||
@import url('left-panel.css');
|
@import url('left-panel.css');
|
||||||
|
@import url('right-panel.css');
|
||||||
@import url('room.css');
|
@import url('room.css');
|
||||||
@import url('timeline.css');
|
@import url('timeline.css');
|
||||||
@import url('avatar.css');
|
@import url('avatar.css');
|
||||||
|
3
src/platform/web/ui/css/right-panel.css
Normal file
3
src/platform/web/ui/css/right-panel.css
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
.RoomInfo{
|
||||||
|
grid-area: right;
|
||||||
|
}
|
@ -32,7 +32,8 @@ export class SessionView extends TemplateView {
|
|||||||
return t.div({
|
return t.div({
|
||||||
className: {
|
className: {
|
||||||
"SessionView": true,
|
"SessionView": true,
|
||||||
"middle-shown": vm => !!vm.activeMiddleViewModel
|
"middle-shown": vm => !!vm.activeMiddleViewModel,
|
||||||
|
"SideBarActive": vm => !!vm.roomInfoViewModel
|
||||||
},
|
},
|
||||||
}, [
|
}, [
|
||||||
t.view(new SessionStatusView(vm.sessionStatusViewModel)),
|
t.view(new SessionStatusView(vm.sessionStatusViewModel)),
|
||||||
|
Loading…
Reference in New Issue
Block a user