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

Fix max embed width and hide footer boxes in fullscreen mode

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

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
* 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
* License, use of this software will be governed by version 2
@ -157,6 +157,11 @@ #tpl_chat_log {
flex-direction: column;
flex: 1 1 auto;
width: 100%;
> .contentInteraction:first-child {
margin-top: 0;
margin-bottom: 20px;
}
}
#chatMessageStream > .scrollContainer,
@ -257,7 +262,8 @@ #tpl_chat_log {
// Limit embedded images and videos to a reasonable size
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 {
@ -607,7 +613,9 @@ html.fullscreen {
.pageHeaderContainer,
.pageNavigation,
.pageFooter {
.boxesFooterBoxes,
.pageFooter,
.contentInteraction {
display: none;
}

View File

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