bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Chats: fix action button icons

Browse source
This commit is contained in:
Alex Gleason 2021-10-08 12:13:47 -05:00
parent 4e18d7e505
commit 78529df4c1
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/soapbox/features/chats/components/chat_box.js
View file

@ -171,9 +171,8 @@ class ChatBox extends ImmutablePureComponent {
return this.canSubmit() ? ( return this.canSubmit() ? (
<div className='chat-box__send'> <div className='chat-box__send'>
<IconButton <IconButton
icon='send' src={require('@tabler/icons/icons/send.svg')}
title={intl.formatMessage(messages.send)} title={intl.formatMessage(messages.send)}
size={16}
onClick={this.sendMessage} onClick={this.sendMessage}
/> />
</div> </div>

12
app/styles/chats.scss
View file

@ -296,20 +296,22 @@
position: relative; position: relative;
.icon-button { .icon-button {
color: var(--primary-text-color--faint); color: var(--primary-text-color);
position: absolute; position: absolute;
right: 10px; right: 10px;
top: calc(50% - 13px); top: 50%;
transform: translateY(-50%);
width: auto; width: auto;
height: auto; height: auto;
background: transparent !important; background: transparent !important;
border: 0; border: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
}
.chat-box__send .icon-button { .svg-icon {
top: calc(50% - 9px); width: 18px;
height: 18px;
}
} }
textarea { textarea {