This repository has been archived on 2022-08-19. You can view files and clone it, but cannot push or open issues or pull requests.
hydrogen-web/src/ui/web/css/layout.css

64 lines
1,004 B
CSS
Raw Normal View History

html {
height: 100%;
}
body {
margin: 0;
}
.SessionView {
display: flex;
flex-direction: column;
height: 100vh;
}
.SessionView > .main {
flex: 1;
display: flex;
min-height: 0;
min-width: 0;
width: 100vw;
}
/* mobile layout */
@media screen and (max-width: 800px) {
.RoomHeader button.back { display: block; }
2019-06-27 02:13:59 +05:30
div.RoomView, div.RoomPlaceholderView { display: none; }
div.LeftPanel {flex-grow: 1;}
2019-06-28 04:14:49 +05:30
div.room-shown div.RoomView { display: flex; }
2019-06-27 02:13:59 +05:30
div.room-shown div.LeftPanel { display: none; }
div.right-shown div.TimelinePanel { display: none; }
}
.LeftPanel {
flex: 0 0 300px;
min-width: 0;
}
.RoomPlaceholderView, .RoomView {
flex: 1 0 0;
min-width: 0;
}
.RoomView {
min-width: 0;
display: flex;
}
.TimelinePanel {
flex: 3;
min-height: 0;
min-width: 0;
display: flex;
flex-direction: column;
height: 100%;
}
.TimelinePanel ul {
flex: 1 0 0;
}
.RoomHeader {
display: flex;
}