From 1f0871f649821c5dedcaeffa7fa8be22ad4d9925 Mon Sep 17 00:00:00 2001
From: Ivan Dossi <ivan.dossi@knobs.it>
Date: Mon, 13 Sep 2021 11:57:17 +0200
Subject: [PATCH] fix(media): fix media full screen in servers chat and some
 aside bar bugs

---
 components/tailored/core/group/aside/Aside.html | 2 +-
 components/tailored/core/group/aside/Aside.less | 4 ++--
 layouts/server/Server.html                      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/tailored/core/group/aside/Aside.html b/components/tailored/core/group/aside/Aside.html
index 3d88056ce0..1c9e242f4e 100644
--- a/components/tailored/core/group/aside/Aside.html
+++ b/components/tailored/core/group/aside/Aside.html
@@ -3,7 +3,7 @@
         <font-awesome-icon :icon="['far', 'info-circle']" class="info-toggle" v-on:click="toggle" />
         <div id="top-info">
             <TypographyTitle :size="6" :text="selectedGroup.name" />
-            <InteractablesClose v-on:click="toggle" />
+            <InteractablesClose :action="toggle" />
         </div>
         <div id="actions">
             <!-- <font-awesome-icon :icon="['far', 'user-plus']" class="action-icon" /> -->
diff --git a/components/tailored/core/group/aside/Aside.less b/components/tailored/core/group/aside/Aside.less
index a7d85916a5..3b7399e854 100644
--- a/components/tailored/core/group/aside/Aside.less
+++ b/components/tailored/core/group/aside/Aside.less
@@ -62,7 +62,7 @@
       background: @semitransparent-lightest-gradient !important;
       cursor: pointer;
       font-size: @tiny-icon-size !important;
-      
+
       &:hover {
         background: @primary-gradient !important;
         box-shadow: @primary-glow;
@@ -88,7 +88,7 @@
     position: fixed;
     right: 0px;
     top: 0px;
-    z-index: 2;
+    z-index: @base-z-index + 101;
     background: @dark-gradient;
   }
   .is-open {
diff --git a/layouts/server/Server.html b/layouts/server/Server.html
index 4ffe2a850e..e6f65e474f 100644
--- a/layouts/server/Server.html
+++ b/layouts/server/Server.html
@@ -12,7 +12,7 @@
     <InteractablesContextMenu v-if="$store.state.ui.contextMenuStatus"/>
     <TailoredCoreServersList :servers="$mock.servers" :unreads="$mock.unreads" />
     <TailoredServersSidebar :toggle="() => $data.sidebar = !$data.sidebar" />
-    <div class="dynamic-content">
+    <div :class="`dynamic-content ${$store.state.ui.fullscreen ? 'fullscreen-media' : ''}`">
       <TailoredCoreStatusbar
         id="statusbar"
         :server="{ name: 'Test Server', address: '0x0', desc: 'Just a test server' }"