From e3468b3c41dd3980cc39a931592abe1dff19d76a Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Wed, 27 Mar 2019 13:29:35 +0100
Subject: [PATCH] Hide the participants close button on larger screens

We need it for mobile where (eventually) we might have the participants
sidebar occupy the whole screen.
---
 css/converse.css     |  4 ++++
 sass/_chatrooms.scss | 10 ++++++++++
 2 files changed, 14 insertions(+)

diff --git a/css/converse.css b/css/converse.css
index 80c0befa6..fd3ee8729 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -11800,6 +11800,10 @@ body.converse-fullscreen {
 #conversejs.converse-mobile .chatroom .room-invite span .invited-contact {
   margin: 0 0 0.5em -1px; }
 
+@media (min-width: 768px) {
+  .occupants .occupants-header .hide-occupants {
+    display: none; } }
+
 #conversejs .chatbox.headlines .chat-head.chat-head-chatbox {
   background-color: var(--headline-head-color); }
 
diff --git a/sass/_chatrooms.scss b/sass/_chatrooms.scss
index 5fa73eff3..a81e6e063 100644
--- a/sass/_chatrooms.scss
+++ b/sass/_chatrooms.scss
@@ -494,3 +494,13 @@
         }
     }
 }
+
+@include media-breakpoint-up(md) {
+    .occupants {
+        .occupants-header {
+            .hide-occupants {
+                display: none;
+            }
+        }
+    }
+}