Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-21 21:30:08 +00:00
Code Issues Releases Wiki Activity

Move attachment upload button next to the input

Browse Source
This commit is contained in:
Maximilian Mader 2020-11-01 15:50:41 +01:00 committed by Tim Düsterhus
parent db515f1f1b
commit 65fdea953e
Signed by: TimWolla
GPG Key ID: 8FF75566094168AF
3 changed files with 30 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
files/style/be.bastelstu.chat.scss
View File

@ -378,15 +378,26 @@ #tpl_chat_log {
> div { > div {
display: flex; display: flex;
align-items: center;
> .flexibleTextarea { > div.chatAttachButton {
flex: 1 0 auto; flex-grow: 0;
max-width: 100%; flex-shrink: 0;
margin-right: 5px;
} }
> #chatQuickSettings { > div.chatInputWrapper {
flex: 0 0 auto; flex-grow: 1;
display: flex;
align-items: center;
> .flexibleTextarea {
flex: 1 0 auto;
max-width: 100%;
}
> #chatQuickSettings {
flex: 0 0 auto;
}
} }
} }

3
templates/quickSettings.tpl
View File

@ -4,9 +4,6 @@
<li><a class="button" href="#" data-module="Bastelstu.be/Chat/Ui/Settings/FullscreenButton"><span class="icon icon16 fa-arrows-alt"></span> <span>{lang}chat.room.button.fullscreen{/lang}</span></a></li> <li><a class="button" href="#" data-module="Bastelstu.be/Chat/Ui/Settings/FullscreenButton"><span class="icon icon16 fa-arrows-alt"></span> <span>{lang}chat.room.button.fullscreen{/lang}</span></a></li>
<li><a class="button" href="#" data-module="Bastelstu.be/Chat/Ui/Settings/NotificationsButton"><span class="icon icon16 fa-bell-o"></span> <span>{lang}chat.room.button.notifications{/lang}</span></a></li> <li><a class="button" href="#" data-module="Bastelstu.be/Chat/Ui/Settings/NotificationsButton"><span class="icon icon16 fa-bell-o"></span> <span>{lang}chat.room.button.notifications{/lang}</span></a></li>
<li><a class="button" href="#" data-module="Bastelstu.be/Chat/Ui/Settings/AutoscrollButton"><span class="icon icon16 fa-arrow-down"></span> <span>{lang}chat.room.button.autoscroll{/lang}</span></a></li> <li><a class="button" href="#" data-module="Bastelstu.be/Chat/Ui/Settings/AutoscrollButton"><span class="icon icon16 fa-arrow-down"></span> <span>{lang}chat.room.button.autoscroll{/lang}</span></a></li>
{if $__wcf->getSession()->getPermission('user.chat.canAttach')}
<li><a id="chatAttachmentUploadButton" class="button" href="#"><span class="icon icon16 fa-paperclip"></span> <span>{lang}wcf.attachment.attachments{/lang}</span></a>
{/if}
{event name='buttons'} {event name='buttons'}
</ul> </ul>
</nav> </nav>

17
templates/room.tpl
View File

@ -54,10 +54,19 @@
<div id="chatInputContainer"> <div id="chatInputContainer">
<div> <div>
<textarea maxlength="{CHAT_MAX_LENGTH}" class="long"></textarea> {if $__wcf->getSession()->getPermission('user.chat.canAttach')}
<span id="chatQuickSettings"> <div class="chatAttachButton">
<span class="icon icon24 fa-ellipsis-v"></span> <span id="chatAttachmentUploadButton" class="button small" title="{lang}wcf.attachment.attachments{/lang}">
</span> <span class="icon icon16 fa-paperclip"></span>
</span>
</div>
{/if}
<div class="chatInputWrapper">
<textarea maxlength="{CHAT_MAX_LENGTH}" class="long"></textarea>
<span id="chatQuickSettings">
<span class="icon icon24 fa-ellipsis-v"></span>
</span>
</div>
</div> </div>
<small class="innerError" style="display: none"></small> <small class="innerError" style="display: none"></small>
<span class="charCounter dimmed"></span> <span class="charCounter dimmed"></span>