Remove message toggle fullscreen button which was only in mobile view

the-djmaze · Nov 14, 2022 · 7fafb6e · 7fafb6e
1 parent 1a93719
commit 7fafb6e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 38 deletions.
diff --git a/dev/Styles/User/MessageView.less b/dev/Styles/User/MessageView.less
@@ -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;
-	}
-}
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
@@ -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>