From 566b8a85730050f6f8551b7e1303dc8b09f0c12b Mon Sep 17 00:00:00 2001
From: FloatingGhost <hannah@coffee-and-dreams.uk>
Date: Fri, 5 Aug 2022 20:28:38 +0100
Subject: [PATCH] put timeline tabs at top of panel

---
 src/components/moderation_tools/moderation_tools.vue   | 5 +++--
 src/components/timeline_menu/timeline_menu_content.vue | 2 +-
 src/components/user_card/user_card.js                  | 1 +
 src/components/user_card/user_card.vue                 | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue
index 96b8c3a3..75ea08cc 100644
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@@ -13,13 +13,13 @@
           <span v-if="user.is_local">
             <button
               class="button-default dropdown-item"
-              @click="toggleRight(&quot;admin&quot;)"
+              @click="toggleRight('admin')"
             >
               {{ $t(!!user.rights.admin ? 'user_card.admin_menu.revoke_admin' : 'user_card.admin_menu.grant_admin') }}
             </button>
             <button
               class="button-default dropdown-item"
-              @click="toggleRight(&quot;moderator&quot;)"
+              @click="toggleRight('moderator')"
             >
               {{ $t(!!user.rights.moderator ? 'user_card.admin_menu.revoke_moderator' : 'user_card.admin_menu.grant_moderator') }}
             </button>
@@ -167,6 +167,7 @@
 
 .moderation-tools-popover {
   height: 100%;
+  z-index: 999;
   .trigger {
     display: flex !important;
     height: 100%;
diff --git a/src/components/timeline_menu/timeline_menu_content.vue b/src/components/timeline_menu/timeline_menu_content.vue
index 2e5d3ce9..32548c49 100644
--- a/src/components/timeline_menu/timeline_menu_content.vue
+++ b/src/components/timeline_menu/timeline_menu_content.vue
@@ -24,7 +24,7 @@
         <FAIcon
           fixed-width
           class="fa-scale-110 fa-old-padding "
-          icon="circle"
+          :icon="['far', 'circle']"
         />
         <span
           :title="$t('nav.bubble_timeline_description')"
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index db8931cf..ef898f96 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -69,6 +69,7 @@ export default {
       return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
     },
     loggedIn () {
+      console.log({ ...this.$store.state.users.currentUser })
       return this.$store.state.users.currentUser
     },
     dailyAvg () {
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 8e63e1a3..0f776e55 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -245,7 +245,7 @@
             </button>
           </div>
           <ModerationTools
-            v-if="loggedIn.role === &quot;admin&quot;"
+            v-if="loggedIn.role === 'admin'"
             :user="user"
           />
         </div>