fix(media): fix media full screen in servers chat and some aside bar …

…bugs
Satellite-im · Sep 14, 2021 · 1f0871f · 1f0871f
1 parent d8e4823
commit 1f0871f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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' }"