imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Formatting toggle, markdown indicator, quoting

Browse source
This commit is contained in:
Aviral Dasgupta 2016-09-05 17:39:32 +05:30
parent b8610ab466
commit d6a324ede7
12 changed files with 127 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
View file

@ -57,11 +57,10 @@ limitations under the License.
.mx_MessageComposer_input {
flex: 1;
vertical-align: middle;
min-height: 60px;
max-height: 120px;
display: flex;
align-items: center;
overflow: auto;
flex-direction: column;
min-height: 60px;
align-items: flex-start;
font-size: 14px;
margin-right: 6px;
}
@ -71,7 +70,17 @@ limitations under the License.
}
.mx_MessageComposer_input .DraftEditor-root {
width: 100%;
flex: 1;
max-height: 120px;
overflow: auto;
}
.mx_MessageComposer_input blockquote {
color: rgb(119, 119, 119);
margin: 0 0 16px;
padding: 0 15px;
border-left: 4px solid rgb(221, 221, 221);
}
.mx_MessageComposer_input textarea {
@ -89,7 +98,8 @@ limitations under the License.
color: #454545;
background-color: #fff;
font-size: 14px;
max-height: 120px;
overflow: auto;
/* needed for FF */
font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
}
@ -123,6 +133,11 @@ limitations under the License.
pointer-events: none;
}
.mx_MessageComposer_formatting {
cursor: pointer;
margin: 0 11px;
}
.mx_MessageComposer_formatbar {
display: flex;
@ -142,6 +157,21 @@ limitations under the License.
margin-right: 4px;
}
.mx_MessageComposer_format_button {
.mx_MessageComposer_format_button,
.mx_MessageComposer_formatbar_cancel,
.mx_MessageComposer_formatbar_markdown {
cursor: pointer;
}
.mx_MessageComposer_formatbar_cancel {
margin-right: 22px;
}
.mx_MessageComposer_formatbar_markdown {
margin-right: 64px;
}
.mx_MessageComposer_input_markdownIndicator {
padding: 4px 4px 4px 0;
opacity: 0.8;
}