make left-sidebar 100% width

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;
 }
 

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);