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

Added some styling 

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-02-12 17:06:02 +01:00
parent 97f5b6920c
commit 130e4f7bfd
No known key found for this signature in database
GPG Key ID: 9760693FDD98A790
2 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
res/css/views/rooms/_MessageComposer.scss
View File

@ -247,8 +247,30 @@ limitations under the License.
mask-image: url('$(res)/img/element-icons/room/composer/sticker.svg');
}
.mx_MessageComposer_sendMessage::before {
mask-image: url('$(res)/img/element-icons/send-message.svg');
.mx_MessageComposer_sendMessage {
cursor: pointer;
position: relative;
margin-right: 6px;
width: 32px;
height: 32px;
border-radius: 100%;
background-color: $button-bg-color;
&:before {
position: absolute;
height: 16px;
width: 16px;
top: 8px;
left: 9px;
mask-image: url('$(res)/img/element-icons/send-message.svg');
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
background-color: $button-fg-color;
content: '';
}
}
.mx_MessageComposer_formatting {

2
src/components/views/rooms/MessageComposer.js
View File

@ -53,7 +53,7 @@ ComposerAvatar.propTypes = {
function SendButton(props) {
return (
<AccessibleTooltipButton
className="mx_MessageComposer_button mx_MessageComposer_sendMessage"
className="mx_MessageComposer_sendMessage"
onClick={props.onClick}
title={_t('Send message')}
/>