From 40addfe63911456a682946cab94e6cf85426f5a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tran=20Van=20Dung/=28Tran=20Van=20Dung=29/=ED=98=84?=
 =?UTF-8?q?=EC=9E=A5=EB=8C=80=EB=A6=AC=EC=9D=B8/SK?= <20074470@skcc.com>
Date: Thu, 31 Jul 2025 15:05:33 +0700
Subject: [PATCH] fixbug active menu item

---
 assets/scss/common.scss | 149 ++++++++++------------------------------
 1 file changed, 38 insertions(+), 111 deletions(-)

diff --git a/assets/scss/common.scss b/assets/scss/common.scss
index 0fac17b..705e75a 100644
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@@ -691,6 +691,43 @@ a {
       }
 
       &>.v-treeview-node {
+
+        .v-treeview-node--active {
+          background-color: map-deep-get($config,
+            #{$theme},
+            "v-treeview-node-label-active-bg"
+          );
+          border: 1px solid map-deep-get($config,
+            #{$theme},
+            "v-treeview-node-label-active-border"
+          );
+          border-radius: 8px;
+
+          &:before {
+            background-color: map-deep-get($config,
+              #{$theme},
+              "v-treeview-node-subroot-backgroundColor"
+            );
+          }
+
+          &>.v-treeview-node__content {
+            .v-treeview-node__label {
+              color: map-deep-get($config,
+                #{$theme},
+                "v-treeview-node-label-active-color"
+              );
+            }
+
+            .v-icon {
+              color: map-deep-get($config,
+                #{$theme},
+                "v-treeview-icon-active-color"
+              );
+            }
+          }
+
+        }
+
         &>.v-treeview-node__root {
           &:before {
             background-color: map-deep-get($config,
@@ -736,6 +773,7 @@ a {
 
         &>.v-treeview-node__children {
           &>.v-treeview-node {
+
             &>.v-treeview-node__root {
               &:before {
                 background-color: map-deep-get($config,
@@ -793,117 +831,6 @@ a {
               );
             }
 
-            &>.v-treeview-node--active {
-              &:before {
-                background-color: map-deep-get($config,
-                  #{$theme},
-                  "v-treeview-node-subroot-backgroundColor"
-                );
-              }
-
-              &>.v-treeview-node__content {
-                .v-treeview-node__label {
-                  color: map-deep-get($config,
-                    #{$theme},
-                    "v-treeview-node-label-active-color"
-                  );
-                }
-
-                .v-icon {
-                  color: map-deep-get($config,
-                    #{$theme},
-                    "v-treeview-icon-active-color"
-                  );
-                }
-              }
-            }
-
-            &>.v-treeview-node__children {
-              & .v-treeview-node {
-                &>.v-treeview-node__root {
-                  &:before {
-                    background-color: map-deep-get($config,
-                      #{$theme},
-                      "v-treeview-node-subroot-backgroundColor"
-                    );
-                  }
-
-                  &>.v-treeview-node__content {
-                    .v-treeview-node__label {
-                      color: map-deep-get($config,
-                        #{$theme},
-                        "v-treeview-node-label-color"
-                      );
-                    }
-
-                    .v-icon {
-                      color: map-deep-get($config,
-                        #{$theme},
-                        "v-treeview-icon-color"
-                      );
-                    }
-                  }
-
-                  &:not(.v-treeview-node--active):hover {
-                    &:before {
-                      background-color: map-deep-get($config,
-                        #{$theme},
-                        "v-treeview-leaf-active-backgroundColor"
-                      );
-                    }
-
-                    &>.v-treeview-node__content {
-                      .v-treeview-node__label {
-                        color: map-deep-get($config,
-                          #{$theme},
-                          "v-treeview-leaf-active-color"
-                        );
-                      }
-
-                      .v-icon {
-                        color: map-deep-get($config,
-                          #{$theme},
-                          "v-treeview-leaf-active-color"
-                        );
-                      }
-                    }
-                  }
-                }
-
-                &>.v-treeview-node--active {
-                  background-color: map-deep-get($config,
-                    #{$theme},
-                    "v-treeview-node-label-active-bg"
-                  );
-                  border: 1px solid map-deep-get($config,
-                    #{$theme},
-                    "v-treeview-node-label-active-border"
-                  );
-                  border-radius: 8px;
-
-                  &:before {
-                    opacity: 0 !important;
-                  }
-
-                  &>.v-treeview-node__content {
-                    .v-treeview-node__label {
-                      color: map-deep-get($config,
-                        #{$theme},
-                        "v-treeview-node-label-active-color"
-                      );
-                    }
-
-                    .v-icon {
-                      color: map-deep-get($config,
-                        #{$theme},
-                        "v-treeview-node-label-active-color"
-                      );
-                    }
-                  }
-                }
-              }
-            }
-
             &[aria-expanded="true"] {
               & .v-treeview-node__root>.v-treeview-node__content {
                 .v-treeview-node__label {