Fixes #2337

Newly opened headline chat isn't hidden by default in fullscreen view

Also include some CSS fixes for fullscreen headlines boxes

sass/_headline.scss

@@ -11,7 +11,6 @@
         }
         .chat-body {
             background-color: var(--headline-head-color);
-            border-radius: var(--chatbox-border-radius);
             .chat-message {
                 color: var(--headline-message-color);
             }
@@ -20,6 +19,16 @@
             height: 100%;
         }
     }
+
+    .message {
+        &.chat-msg {
+            &.headline {
+                .chat-msg__body {
+                    margin-left: 0;
+                }
+            }
+        }
+    }
 }
 
 #conversejs.converse-fullscreen {
@@ -33,9 +42,7 @@
             }
         }
         .flyout {
-            border: var(--flyout-padding) solid var(--headline-head-color);
+            border-color: var(--headline-head-color);
-            border-top: 0.8em solid var(--headline-head-color);
         }
     }
 }
-

sass/_messages.scss

@@ -180,11 +180,6 @@
                 cursor: pointer;
                 padding-right: 0.5em;
             }
-            &.headline {
-                .chat-msg__body {
-                    margin-left: 0;
-                }
-            }
 
             .chat-msg__subject {
                 font-weight: bold;

sass/_variables.scss

@@ -49,8 +49,6 @@ $mobile_portrait_length: 480px !default;
 
     --roster-height: 194px;
 
-    --flyout-padding: 0.5em;
-
     --chat-correcting-color: var(--chat-head-color-lighten-50-percent);
     --chat-head-color-dark: #1E9652;
     --chat-head-color-darker: #0E763B;

spec/mock.js

@@ -313,9 +313,9 @@ window.addEventListener('converse-loaded', () => {
     };
 
 
-    mock.openAndEnterChatRoom = async function (_converse, muc_jid, nick, features=[], members=[]) {
+    mock.openAndEnterChatRoom = async function (_converse, muc_jid, nick, features=[], members=[], force_open=true) {
         muc_jid = muc_jid.toLowerCase();
-        const room_creation_promise = _converse.api.rooms.open(muc_jid);
+        const room_creation_promise = _converse.api.rooms.open(muc_jid, {}, force_open);
         await mock.getRoomFeatures(_converse, muc_jid, features);
         await mock.waitForReservedNick(_converse, muc_jid, nick);
         // The user has just entered the room (because join was called)

src/converse-headlines-view.js

@@ -16,7 +16,7 @@ const u = converse.env.utils;
 
 
 const HeadlinesBoxView = ChatBoxView.extend({
-    className: 'chatbox headlines',
+    className: 'chatbox headlines hidden',
 
     events: {
         'click .close-chatbox-button': 'close',

src/headless/converse-muc.js

@@ -2853,7 +2853,7 @@ converse.plugins.add('converse-muc', {
                  *     }
                  * );
                  */
-                async open (jids, attrs, force=false) {
+                async open (jids, attrs={}, force=false) {
                     await api.waitUntil('chatBoxesFetched');
                     if (jids === undefined) {
                         const err_msg = 'rooms.open: You need to provide at least one JID';