From bd8701ab7f1dc2871f8eccddaab1d07d863f8ff3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Mon, 11 Mar 2024 15:28:39 +0100
Subject: [PATCH] Add on hover styles to page list

---
 .../compose/src/components/Admin/Page/Tree.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/web/compose/src/components/Admin/Page/Tree.vue b/client/web/compose/src/components/Admin/Page/Tree.vue
index 27423289e..cbd35caef 100644
--- a/client/web/compose/src/components/Admin/Page/Tree.vue
+++ b/client/web/compose/src/components/Admin/Page/Tree.vue
@@ -37,7 +37,7 @@
             </b-badge>
           </div>
 
-          <div class="px-2">
+          <div class="actions px-2">
             <b-button-group
               v-if="item.canUpdatePage"
               size="sm"
@@ -86,7 +86,7 @@
               v-if="item.canGrant || namespace.canGrant"
               v-b-tooltip.noninteractive.hover="{ title: $t('permissions:resources.compose.page.tooltip'), container: '#body' }"
               data-test-id="dropdown-permissions"
-              variant="light"
+              variant="extra-light"
               size="sm"
               class="permissions-dropdown ml-1"
             >
@@ -326,6 +326,20 @@ $dropping-color: var(--secondary);
       height: $content-height !important;
       top: calc($content-height / -2) !important;
     }
+
+    .content {
+      .actions {
+        display: none;
+      }
+
+      &:hover {
+        background: var(--light) !important;
+
+        .actions {
+          display: block;
+        }
+      }
+    }
   }
 
   .parent-li {