CSS tweakage

This commit is contained in:
David Baker 2015-06-17 15:46:04 +01:00
parent b35461f5c0
commit 6542201ac6
5 changed files with 53 additions and 22 deletions

View file

@ -1,12 +1,10 @@
.mx_MessageComposer { .mx_MessageComposer {
position: absolute;
bottom: 5px;
right: 0px;
left: 0px;
width: 100%;
height: 36px;
} }
.mx_MessageComposer textarea { .mx_MessageComposer textarea {
position: absolute;
width: 100%; width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px;
} }

View file

@ -2,5 +2,5 @@
background-color: #eee; background-color: #eee;
font-weight: bold; font-weight: bold;
height: 1em; height: 1em;
padding: 5px; padding: 0px;
} }

View file

@ -1,13 +1,11 @@
.mx_RoomList { .mx_RoomList {
position: relative;
top: -30px;
padding-top: 30px;
padding-bottom: 10px;
height: 100%;
overflow-y: scroll;
} }
.mx_RoomList ul { .mx_RoomList ul {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
.mx_RoomList ul li {
list-style-type: none;
}

View file

@ -1,18 +1,33 @@
.mx_RoomView { .mx_RoomView {
display: table-cell;
padding-left: 5px;
word-wrap: break-word; word-wrap: break-word;
position: relative; }
padding-bottom: 70px
.mx_RoomView .mx_RoomHeader {
position: absolute;
top: 0px;
width: 100%;
height: 30px;
} }
.mx_RoomView ul { .mx_RoomView ul {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
height: 100%; position: absolute;
top: 35px;
bottom: 40px;
left: 0px;
right: 0px;
overflow-y: scroll; overflow-y: scroll;
} }
.mx_RoomView li { .mx_RoomView ul li {
list-style-type: none; list-style-type: none;
} }
.mx_RoomView .mx_MessageComposer {
position: absolute;
bottom: 5px;
right: 0px;
left: 0px;
height: 36px;
}

View file

@ -1,12 +1,32 @@
.mx_MatrixChat { .mx_MatrixChat {
display: table; position: relative;
table-layout: fixed;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.mx_MatrixChat_leftPanel { .mx_MatrixChat_leftPanel {
display: table-cell; position: absolute;
left: 0px;
width: 250px; width: 250px;
height: 100%; height: 100%;
} }
.mx_MatrixChat_leftPanel .mx_MatrixToolbar {
position: absolute;
height: 20px;
}
.mx_MatrixChat_leftPanel .mx_RoomList {
position: absolute;
top: 20px;
bottom: 0px;
width: 250px;
overflow-y: scroll;
}
.mx_MatrixChat .mx_RoomView {
position: absolute;
left: 255px;
right: 0px;
height: 100%;
}