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:
parent
051de67924
commit
3ef5202f08
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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}
|
||||
|
Loading…
Reference in New Issue
Block a user