rename .TimelinePanel to .RoomView_body

This commit is contained in:
Bruno Windels 2021-04-27 10:28:09 +02:00
parent bd748549f7
commit 55b576a299
3 changed files with 11 additions and 14 deletions

View File

@ -122,8 +122,8 @@ main {
height: 100%; height: 100%;
} }
.TimelinePanel { .RoomView_body {
flex: 3; flex: 1;
min-height: 0; min-height: 0;
min-width: 0; min-width: 0;
display: flex; display: flex;
@ -131,7 +131,7 @@ main {
height: 100%; height: 100%;
} }
.TimelinePanel .Timeline, .TimelinePanel .TimelineLoadingView { .RoomView_body .Timeline, .RoomView_body .TimelineLoadingView {
flex: 1 0 0; flex: 1 0 0;
} }

View File

@ -15,7 +15,7 @@ limitations under the License.
*/ */
.TimelinePanel ul { .RoomView_body ul {
overflow-y: auto; overflow-y: auto;
overscroll-behavior: contain; overscroll-behavior: contain;
list-style: none; list-style: none;
@ -23,9 +23,6 @@ limitations under the License.
margin: 0; margin: 0;
} }
.TimelinePanel li {
}
.message-container { .message-container {
flex: 0 1 auto; flex: 0 1 auto;
/* first try break-all, then break-word, which isn't supported everywhere */ /* first try break-all, then break-word, which isn't supported everywhere */

View File

@ -24,14 +24,14 @@ import {AvatarView} from "../../avatar.js";
export class RoomView extends TemplateView { export class RoomView extends TemplateView {
render(t, vm) { render(t, vm) {
return t.main({className: "RoomView middle"}, [ return t.main({className: "RoomView middle"}, [
t.div({className: "TimelinePanel"}, [ t.div({className: "RoomHeader middle-header"}, [
t.div({className: "RoomHeader middle-header"}, [ t.a({className: "button-utility close-middle", href: vm.closeUrl, title: vm.i18n`Close room`}),
t.a({className: "button-utility close-middle", href: vm.closeUrl, title: vm.i18n`Close room`}), t.view(new AvatarView(vm, 32)),
t.view(new AvatarView(vm, 32)), t.div({className: "room-description"}, [
t.div({className: "room-description"}, [ t.h2([vm => vm.name, vm => vm.membership]),
t.h2(vm => vm.name),
]),
]), ]),
]),
t.div({className: "RoomView_body"}, [
t.div({className: "RoomView_error"}, vm => vm.error), t.div({className: "RoomView_error"}, vm => vm.error),
t.mapView(vm => vm.timelineViewModel, timelineViewModel => { t.mapView(vm => vm.timelineViewModel, timelineViewModel => {
return timelineViewModel ? return timelineViewModel ?