fix: 修复某些情况下调整窗口宽度时侧边栏不会响应式变化的问题

若初始窗口宽度介于 768px 和 996px 之间时会触发

Author: Light

src/css/xenon-core.css

@@ -1921,17 +1921,6 @@ body {
   position: relative;
 }
 
-@media screen and (min-width: 768px) {
-  .sidebar-menu .main-menu ul li.is-hidden {
-    left: -20px;
-    zoom: 1;
-    filter: alpha(opacity=0);
-    -webkit-opacity: 0;
-    -moz-opacity: 0;
-    opacity: 0;
-  }
-}
-
 .sidebar-menu .main-menu ul li.is-shown {
   left: 0;
   zoom: 1;
@@ -2148,6 +2137,15 @@ body {
     position: relative;
   }
 
+  .sidebar-menu .main-menu ul li.is-hidden {
+    left: -20px;
+    zoom: 1;
+    filter: alpha(opacity=0);
+    -webkit-opacity: 0;
+    -moz-opacity: 0;
+    opacity: 0;
+  }
+
   .sidebar-menu.collapsed .main-menu > li.active,
   .sidebar-menu.collapsed .main-menu > li li.active {
     background-color: #252627;

src/js/xenon-custom.js

@@ -897,17 +897,24 @@ function setup_sidebar_menu() {
     $items_with_subs.filter('.active').addClass('expanded');
 
     // On larger screens collapse sidebar when the window is tablet screen
-    if (is('largescreen') && public_vars.$sidebarMenu.hasClass('collapsed') == false) {
-      $(window).on('resize', function () {
+    if (public_vars.$sidebarMenu.hasClass('collapsed') == false) {
         if (is('tabletscreen')) {
           public_vars.$sidebarMenu.addClass('collapsed');
           ps_destroy();
         } else if (is('largescreen')) {
           public_vars.$sidebarMenu.removeClass('collapsed');
           ps_init();
         }
-      });
     }
+    $(window).on('resize', function () {
+      if (is('tabletscreen')) {
+        public_vars.$sidebarMenu.addClass('collapsed');
+        ps_destroy();
+      } else if (is('largescreen')) {
+        public_vars.$sidebarMenu.removeClass('collapsed');
+        ps_init();
+      }
+    });
 
     $items_with_subs.each(function (i, el) {
       var $li = jQuery(el),