From c3f5d02ef94655afdc9c9d8aa8ae2cade12f0a8c Mon Sep 17 00:00:00 2001
From: llcc <lzhes43@gmail.com>
Date: Mon, 30 May 2022 11:17:42 +0800
Subject: [PATCH] make left-sidebar 100% width

---
 resources/css/common.css                 | 2 +-
 src/main/frontend/components/sidebar.css | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/css/common.css b/resources/css/common.css
index 77379276e..a0d1acb0e 100644
--- a/resources/css/common.css
+++ b/resources/css/common.css
@@ -12,7 +12,7 @@
   --ls-headbar-height: 3rem;
   --ls-headbar-inner-top-padding: 0px;
   --ls-left-sidebar-width: 240px;
-  --ls-left-sidebar-sm-width: 70%;
+  --ls-left-sidebar-sm-width: 100%;
   --ls-left-sidebar-nav-btn-size: 38px;
 }
 
diff --git a/src/main/frontend/components/sidebar.css b/src/main/frontend/components/sidebar.css
index e9b3fc25b..54331fea2 100644
--- a/src/main/frontend/components/sidebar.css
+++ b/src/main/frontend/components/sidebar.css
@@ -64,7 +64,7 @@
   overflow-x: hidden;
   overflow-y: auto;
   background-color: var(--ls-primary-background-color);
-  transition: transform .3s;
+  /* transition: transform .3s; */
   transform: translateX(-100%);
   z-index: 3;
 
@@ -226,7 +226,10 @@
   top: var(--ls-headbar-inner-top-padding);
   left: 0;
   z-index: 9;
-  transition: width 1.2s;
+
+  @screen sm {
+      transition: width 1.2s;
+  }
 
   a {
     color: var(--ls-primary-text-color);