From 5c1591943188c59dec7f6cfc17cadc3e9b13aee6 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Thu, 14 Nov 2024 14:08:26 +1300
Subject: [PATCH 1/3] Hide split screen tooltip after item inside is clicked

---
 src/components/DialogToolbarContent.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/DialogToolbarContent.vue b/src/components/DialogToolbarContent.vue
index 4dfba39..191dc19 100644
--- a/src/components/DialogToolbarContent.vue
+++ b/src/components/DialogToolbarContent.vue
@@ -306,6 +306,10 @@ export default {
         view,
         entries: this.entriesStore.entries,
       });
+
+      if (this.$refs.viewPopover) {
+        this.$refs.viewPopover.hide();
+      }
     }
   },
   mounted: function () {

From ac28743a6c0cbe078a3792bb3936fad1bbe03c1a Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Thu, 14 Nov 2024 13:57:48 +1300
Subject: [PATCH 2/3] Fix split screen tooltip background color

---
 src/components/DialogToolbarContent.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/DialogToolbarContent.vue b/src/components/DialogToolbarContent.vue
index 191dc19..8784c32 100644
--- a/src/components/DialogToolbarContent.vue
+++ b/src/components/DialogToolbarContent.vue
@@ -437,6 +437,7 @@ export default {
   padding: 4px 8px 12px 8px;
   min-width:unset!important;
   width:unset!important;
+  background-color: #f3ecf6;
   cursor:default;
   .el-popper__arrow {
     &:before {

From 4ae3fd8b1177705d88d46fb4893335e898933aa7 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Thu, 14 Nov 2024 11:00:16 +1300
Subject: [PATCH 3/3] Update content bar information tooltip style

---
 src/components/ContentBar.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/components/ContentBar.vue b/src/components/ContentBar.vue
index 2ae9157..d9eeca3 100644
--- a/src/components/ContentBar.vue
+++ b/src/components/ContentBar.vue
@@ -337,6 +337,21 @@ export default {
   position: relative;
   top: auto;
   font-size: 12px;
+  align-items: center;
+
+  :deep(.el-tooltip__trigger) {
+    height: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  .hide {
+    margin-top: 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 4px;
+  }
 }
 
 .info-icon {