matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-04 11:51:45 +03:00
Code Activity

Added some styling

Browse Source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner
2021-02-12 17:06:02 +01:00
parent 97f5b6920c
commit 130e4f7bfd
2 changed files with 25 additions and 3 deletions
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'); mask-image: url('$(res)/img/element-icons/room/composer/sticker.svg');
} }
.mx_MessageComposer_sendMessage::before { .mx_MessageComposer_sendMessage {
mask-image: url('$(res)/img/element-icons/send-message.svg'); 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 { .mx_MessageComposer_formatting {

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

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