Remove message toggle fullscreen button which was only in mobile view

This commit is contained in:
the-djmaze 2022-11-14 09:18:57 +01:00
parent 1a93719e3f
commit 7fafb6ee9c
2 changed files with 2 additions and 38 deletions

View file

@ -253,33 +253,6 @@ html.rl-no-preview-pane {
overflow: auto;
scroll-behavior: smooth;
.buttonFull {
display: inline-block;
position: fixed;
right: 8px;
bottom: 8px;
height: 30px;
width: 30px;
text-align: center;
vertical-align: middle;
line-height: 30px;
background-color: transparent;
background-color: #fff;
border: 1px solid #333;
color: #333;
z-index: 2;
cursor: pointer;
border-radius: var(--border-radius, 5px);
opacity: 0.5;
&:hover {
opacity: 0.8;
border-color: #666;
background-color: #888;
color: #fff;
}
}
.loading {
text-align: center;
font-size: 24px;
@ -539,9 +512,3 @@ html.rl-fullscreen {
border: 0;
}
}
html:not(.rl-mobile) #messageItem {
.buttonFull {
display: none !important;
}
}

View file

@ -220,15 +220,12 @@
<div id="messageItem">
<div tabindex="0" data-bind="hasfocus: messageDomFocused">
<span class="buttonFull" data-bind="click: toggleFullScreen">
<i data-bind="css: { 'icon-arrows-out': !fullScreenMode(), 'icon-arrows-in': fullScreenMode }"></i>
</span>
<div class="loading" data-bind="visible: messageLoadingThrottle()">
<div class="loading" data-bind="visible: messageLoadingThrottle">
<i class="icon-spinner"></i>
<span data-i18n="GLOBAL/LOADING"></span>
</div>
<div data-bind="visible: !messageLoadingThrottle()">
<div data-bind="hidden: messageLoadingThrottle">
<div class="bodySubHeader">
<div class="showImages" data-bind="visible: message().hasImages(), click: showImages"
data-icon="🖼" data-i18n="MESSAGE/BUTTON_SHOW_IMAGES"></div>