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

Fix max embed width and hide footer boxes in fullscreen mode

Browse Source
This commit is contained in:
Maximilian Mader 2022-08-07 21:09:56 +02:00
parent 051de67924
commit 3ef5202f08
Signed by: Max
GPG Key ID: F71D56A3151C4FB3
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,10 +1,10 @@
/* /*
* Copyright (c) 2010-2021 Tim Düsterhus. * Copyright (c) 2010-2022 Tim Düsterhus.
* *
* Use of this software is governed by the Business Source License * Use of this software is governed by the Business Source License
* included in the LICENSE file. * included in the LICENSE file.
* *
* Change Date: 2026-03-10 * Change Date: 2026-08-10
* *
* On the date above, in accordance with the Business Source * On the date above, in accordance with the Business Source
* License, use of this software will be governed by version 2 * License, use of this software will be governed by version 2
@ -157,6 +157,11 @@ #tpl_chat_log {
flex-direction: column; flex-direction: column;
flex: 1 1 auto; flex: 1 1 auto;
width: 100%; width: 100%;
> .contentInteraction:first-child {
margin-top: 0;
margin-bottom: 20px;
}
} }
#chatMessageStream > .scrollContainer, #chatMessageStream > .scrollContainer,
@ -257,7 +262,8 @@ #tpl_chat_log {
// Limit embedded images and videos to a reasonable size // Limit embedded images and videos to a reasonable size
img:not(.smiley):not(.userAvatarImage) { img:not(.smiley):not(.userAvatarImage) {
max-width: $chatEmbedMaxWidth; // Workaround: `min` is an internal Sass function but we want the actual CSS function
max-width: min + unquote( '(' ) + "#{100%, $chatEmbedMaxWidth}" + unquote( ')' );
} }
.videoContainer { .videoContainer {
@ -607,7 +613,9 @@ html.fullscreen {
.pageHeaderContainer, .pageHeaderContainer,
.pageNavigation, .pageNavigation,
.pageFooter { .boxesFooterBoxes,
.pageFooter,
.contentInteraction {
display: none; display: none;
} }

15
templates/room.tpl
View File

@ -10,19 +10,16 @@
</section> </section>
{/capture} {/capture}
{capture assign='headerNavigation'} {capture assign='contentInteractionButtons'}
{if $room->canSeeLog()} {if $room->canSeeLog()}
<li> <a href="{link controller='Log' application='chat' object=$room}{/link}" title="{lang}chat.log.title{/lang}" class="contentInteractionButton button small">
<a href="{link controller='Log' application='chat' object=$room}{/link}" title="{lang}chat.log.title{/lang}" class="jsTooltip"> <span class="icon icon16 fa-tasks"></span> <span>{lang}chat.log.title{/lang}</span>
<span class="icon icon16 fa-tasks"></span> <span class="invisible">{lang}chat.log.title{/lang}</span>
</a> </a>
</li>
{/if} {/if}
<li>
<a href="{link}{/link}" title="{lang}chat.room.button.leave{/lang}" class="jsTooltip chatLeaveButton"> <a href="{link}{/link}" title="{lang}chat.room.button.leave{/lang}" class="contentInteractionButton button small chatLeaveButton">
<span class="icon icon16 fa-power-off"></span> <span class="invisible">{lang}chat.room.button.leave{/lang}</span> <span class="icon icon16 fa-power-off"></span> <span>{lang}chat.room.button.leave{/lang}</span>
</a> </a>
</li>
{/capture} {/capture}
{capture assign='__pageDataAttributes'}data-room-id="{@$room->roomID}"{/capture} {capture assign='__pageDataAttributes'}data-room-id="{@$room->roomID}"{/capture}