From 2b895c3f963bf33845fcda7cdc7f9da9cd293ae9 Mon Sep 17 00:00:00 2001
From: Bohung <bohung@rulingcom.com>
Date: Thu, 3 Jun 2021 21:51:54 +0800
Subject: [PATCH] Update sitemenu widget css.

---
 .../stylesheets/template/widget/sitemenu.scss | 197 ++++++++++--------
 1 file changed, 106 insertions(+), 91 deletions(-)

diff --git a/assets/stylesheets/template/widget/sitemenu.scss b/assets/stylesheets/template/widget/sitemenu.scss
index fd62e23..3852730 100644
--- a/assets/stylesheets/template/widget/sitemenu.scss
+++ b/assets/stylesheets/template/widget/sitemenu.scss
@@ -1,4 +1,4 @@
-@charset "utf-8";
+@charset "utf-8";
 
 @import "../initial";
 
@@ -6,102 +6,117 @@
     margin-top: 16px;
     font-weight: bold;
 
-  @include clearfix;
+    @include clearfix;
 
-  .sitemenu-title {
-    font-size: 1.8em;
-    font-weight: normal
-  }
-  .sitemenu-list.level-1 {
-    list-style: square;
-    color: $site-menu-disc;
-    overflow: hidden;
-    list-style-position: inside;
-    margin: 0;
-    line-height: 0.4;
-    background-color: #F0F0F0;
-  }
-  .sitemenu-item.level-1 {
-    font-size: 1em;
-    position: relative;
-    float: left;
-    padding: 1.2em 0;
-    margin: 8px;
-  }
-
-  .sitemenu-link.level-1 {
-    color: #4B4B4B;
-    text-decoration: none;
-    &:hover {
-      color: $a-hover;
-    text-decoration: underline;
+    .sitemenu-title {
+        font-size: 1.8em;
+        font-weight: normal
     }
-  }
 
-  .sitemenu-dropdown-toggle {
-    font-size: 0.75rem;
-    padding: 0.125em .3125rem;
-    cursor: pointer;
-    display: none;
-  }
-
-  // sitemenu dropdown
-  .sitemenu-list.dropdown-menu {
-    min-width: 100%;
-    margin-top: 0.25em;
-    border: none;
-    border-radius: .2em;
-    background: $theme-color-main;
-  }
-
-  .sitemenu-link.level-2 {
-    color: $theme-white;
-    font-size: 0.8125rem;
-    padding: 0.25em 0.625rem;
-
-    &:hover {
-      text-decoration: underline;
-      background-color: transparent;
+    .sitemenu-list.level-1 {
+        list-style: square;
+        color: $site-menu-disc;
+        list-style-position: inside;
+        margin: 0;
+        line-height: 0.4;
+        background-color: #F0F0F0;
+    }
+
+    .sitemenu-item.level-1 {
+        font-size: 1em;
+        position: relative;
+        float: left;
+        padding: 1.2em 0;
+        margin: 0.5em;
+        margin-bottom: 0;
+
+        &:hover {
+            color: $a-hover;
+            text-decoration: underline;
+
+            .sitemenu-list.level-2 {
+                display: block;
+            }
+        }
+    }
+
+    .sitemenu-link.level-1 {
+        color: #4B4B4B;
+        text-decoration: none;
+    }
+
+
+    .sitemenu-dropdown-toggle {
+        font-size: 0.75rem;
+        padding: 0.125em .3125rem;
+        cursor: pointer;
+    }
+    // sitemenu dropdown
+    .sitemenu-list.dropdown-menu {
+        min-width: 100%;
+        margin-top: 0;
+        border: none;
+        border-radius: .2em;
+        background: $theme-color-main;
+    }
+
+    .sitemenu-link.level-2 {
+        color: $theme-white;
+        font-size: 0.8125rem;
+        padding: 0.25em 0.625rem;
+
+        &:hover {
+            text-decoration: underline;
+            background-color: transparent;
+        }
     }
-  }
 }
 
 .sitemenu-vertical {
-  .sitemenu-list {
-    background-color: $theme-color-second;
-  }
-
-  .sitemenu-item.level-1 {
-    padding: 0.625em 1.25em;
-    position: relative;
-    color: $theme-white;
-  }
-
-  .sitemenu-link {
-    font-size: 0.8125rem;
-    color: $theme-white;
-  }
-
-  .sitemenu-dropdown-toggle {
-    font-size: 0.75rem;
-    padding: 0.125em .3125rem;
-    cursor: pointer;
-  }
-
-  .sitemenu-list.dropdown-menu {
-    border: none;
-    border-radius: .2em;
-    background: $theme-color-main;
-  }
-
-  .sitemenu-link.level-2 {
-    color: $theme-white;
-    font-size: 0.8125rem;
-    padding: 0.25em 0.625rem;
-
-    &:hover {
-      text-decoration: underline;
-      background-color: transparent;
+    .sitemenu-list {
+        background-color: $theme-color-second;
+    }
+
+    .sitemenu-item.level-1 {
+        padding: 0.625em 1.25em;
+        position: relative;
+        color: $theme-white;
+
+        &:hover {
+            color: $a-hover;
+            text-decoration: underline;
+
+            .sitemenu-list.level-2 {
+                display: block;
+            }
+        }
+    }
+
+    .sitemenu-link {
+        font-size: 0.8125rem;
+        color: $theme-white;
+    }
+
+    .sitemenu-dropdown-toggle {
+        font-size: 0.75rem;
+        padding: 0.125em .3125rem;
+        cursor: pointer;
+    }
+
+    .sitemenu-list.dropdown-menu {
+        border: none;
+        border-radius: .2em;
+        background: $theme-color-main;
+    }
+
+    .sitemenu-link.level-2 {
+        color: $theme-white;
+        font-size: 0.8125rem;
+        padding: 0.25em 0.625rem;
+
+        &:hover {
+            text-decoration: underline;
+            background-color: transparent;
+        }
     }
-  }
 }
\ No newline at end of file