Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

CSS tweakage

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/molecules/MessageComposer.css
View File

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

2
css/molecules/RoomHeader.css
View File

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

10
css/organisms/RoomList.css
View File

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

27
css/organisms/RoomView.css
View File

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

26
css/pages/MatrixChat.css
View File

@ -1,12 +1,32 @@
.mx_MatrixChat {
display: table;
table-layout: fixed;
position: relative;
width: 100%;
height: 100%;
}
.mx_MatrixChat_leftPanel {
display: table-cell;
position: absolute;
left: 0px;
width: 250px;
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%;
}