OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

MessageComposer styling for Draft

pull/1553/head
Aviral Dasgupta 2016-06-10 04:41:59 +05:30
parent 7e563b89c7
commit 819e06e2cd
2 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/skins/vector/css/matrix-react-sdk/views/elements/RichText.css Normal file
View File

@ -0,0 +1,14 @@
.mx_UserPill {
color: white;
background-color: #76cfa6;
padding: 2px 8px;
border-radius: 16px;
}
.mx_RoomPill {
background-color: white;
color: #76cfa6;
border: 1px solid #76cfa6;
padding: 2px 8px;
border-radius: 16px;
}

27
src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
View File

@ -22,15 +22,16 @@ limitations under the License.
}
.mx_MessageComposer_row {
display: table-row;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
.mx_MessageComposer .mx_MessageComposer_avatar {
display: table-cell;
/*display: table-cell;*/
padding-left: 10px;
padding-right: 28px;
vertical-align: middle;
}
.mx_MessageComposer .mx_MessageComposer_avatar .mx_BaseAvatar {
@ -42,9 +43,8 @@ limitations under the License.
}
.mx_MessageComposer_noperm_error {
display: table-cell;
/*display: table-cell;*/
width: 100%;
vertical-align: middle;
height: 60px;
text-align: center;
font-style: italic;
@ -52,10 +52,17 @@ limitations under the License.
}
.mx_MessageComposer_input {
display: table-cell;
width: 100%;
/*display: table-cell;*/
flex: 1;
vertical-align: middle;
height: 60px;
min-height: 60px;
max-height: 120px;
display: flex;
align-items: center;
}
.mx_MessageComposer_input .DraftEditor-root {
flex: 1;
}
.mx_MessageComposer_input textarea {
@ -92,8 +99,8 @@ limitations under the License.
.mx_MessageComposer_hangup,
.mx_MessageComposer_voicecall,
.mx_MessageComposer_videocall {
display: table-cell;
vertical-align: middle;
/*display: table-cell;*/
/*vertical-align: middle;*/
padding-left: 10px;
padding-right: 10px;
cursor: pointer;