1
0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-21 21:30:08 +00:00

Make button styles next to input more consistent

This commit is contained in:
Maximilian Mader 2020-11-01 16:16:28 +01:00 committed by Tim Düsterhus
parent 65fdea953e
commit 5439c325af
Signed by: TimWolla
GPG Key ID: 8FF75566094168AF
3 changed files with 17 additions and 1 deletions

View File

@ -57,6 +57,7 @@ #tpl_chat_log {
}
#content {
margin-left: 20px;
width: auto !important;
}
@ -383,6 +384,20 @@ #tpl_chat_log {
flex-grow: 0;
flex-shrink: 0;
margin-right: 5px;
.icon16 {
display: none;
}
@include screen-lg {
.icon16 {
display: inline-block;
}
.icon24 {
display: none;
}
}
}
> div.chatInputWrapper {

View File

@ -63,7 +63,7 @@ define([ './ToggleButton'
*/
setupMobile() {
this.shadowToggleButton = document.createElement('span')
this.shadowToggleButton.classList.add('smiliesToggleMobileButton')
this.shadowToggleButton.classList.add('smiliesToggleMobileButton', 'button', 'small')
this.shadowToggleButton.innerHTML = '<span class="icon icon24 fa-smile-o"></span>'
this.shadowToggleButton.addEventListener('mousedown', this.onClick.bind(this))

View File

@ -58,6 +58,7 @@
<div class="chatAttachButton">
<span id="chatAttachmentUploadButton" class="button small" title="{lang}wcf.attachment.attachments{/lang}">
<span class="icon icon16 fa-paperclip"></span>
<span class="icon icon24 fa-paperclip"></span>
</span>
</div>
{/if}