gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

MessageComposer styling for Draft

This commit is contained in:
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 { .mx_MessageComposer_row {
display: table-row; display: flex;
flex-direction: row;
align-items: center;
width: 100%; width: 100%;
} }
.mx_MessageComposer .mx_MessageComposer_avatar { .mx_MessageComposer .mx_MessageComposer_avatar {
display: table-cell; /*display: table-cell;*/
padding-left: 10px; padding-left: 10px;
padding-right: 28px; padding-right: 28px;
vertical-align: middle;
} }
.mx_MessageComposer .mx_MessageComposer_avatar .mx_BaseAvatar { .mx_MessageComposer .mx_MessageComposer_avatar .mx_BaseAvatar {
@ -42,9 +43,8 @@ limitations under the License.
} }
.mx_MessageComposer_noperm_error { .mx_MessageComposer_noperm_error {
display: table-cell; /*display: table-cell;*/
width: 100%; width: 100%;
vertical-align: middle;
height: 60px; height: 60px;
text-align: center; text-align: center;
font-style: italic; font-style: italic;
@ -52,10 +52,17 @@ limitations under the License.
} }
.mx_MessageComposer_input { .mx_MessageComposer_input {
display: table-cell; /*display: table-cell;*/
width: 100%; flex: 1;
vertical-align: middle; 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 { .mx_MessageComposer_input textarea {
@ -92,8 +99,8 @@ limitations under the License.
.mx_MessageComposer_hangup, .mx_MessageComposer_hangup,
.mx_MessageComposer_voicecall, .mx_MessageComposer_voicecall,
.mx_MessageComposer_videocall { .mx_MessageComposer_videocall {
display: table-cell; /*display: table-cell;*/
vertical-align: middle; /*vertical-align: middle;*/
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
cursor: pointer; cursor: pointer;