Only show chat dragresize in overlayed view mode

src/plugins/chatview/templates/chat.js

@@ -1,11 +1,11 @@
 import { html } from "lit";
-import { constants } from '@converse/headless';
+import { api, constants } from '@converse/headless';
 
 const { CHATROOMS_TYPE } = constants;
 
 export default (o) => html`
     <div class="flyout box-flyout">
-        <converse-dragresize></converse-dragresize>
+        ${ api.settings.get('view_mode') === 'overlayed' ? html`<converse-dragresize></converse-dragresize>` : '' }
         ${ o.model ? html`
             <converse-chat-heading jid="${o.jid}" class="chat-head chat-head-chatbox row g-0"></converse-chat-heading>
             <div class="chat-body">

src/plugins/muc-views/templates/muc.js

@@ -1,11 +1,12 @@
+import { html } from "lit";
+import { api } from '@converse/headless';
+import { getChatRoomBodyTemplate } from '../utils.js';
 import '../chatarea.js';
 import '../destroyed.js';
 import '../disconnected.js';
 import '../heading.js';
 import '../nickname-form.js';
 import '../password-form.js';
-import { html } from "lit";
-import { getChatRoomBodyTemplate } from '../utils.js';
 
 
 /**
@@ -14,7 +15,7 @@ import { getChatRoomBodyTemplate } from '../utils.js';
 export default (el) => {
     return html`
         <div class="flyout box-flyout">
-            <converse-dragresize></converse-dragresize>
+            ${ api.settings.get('view_mode') === 'overlayed' ? html`<converse-dragresize></converse-dragresize>` : '' }
             ${ el.model ? html`
                 <converse-muc-heading jid="${el.model.get('jid')}" class="chat-head chat-head-chatroom row g-0">
                 </converse-muc-heading>