fix some css error (#3443)

* jscode enhance

jscode enhance

* fix code block language attribute obscures #3011

* fix relative

* fix left_sidebar scroll obscured #3445

* fix style breaks

* fix scroll style

* fix width error

src/main/frontend/components/sidebar.css

@@ -224,11 +224,11 @@
     height: 3rem;
     width: calc(var(--ls-left-sidebar-sm-width) - var(--ls-scrollbar-width));
     transition: width .3s;
-    background-color: transparent;
+    background-color: var(--ls-primary-background-color);
     position: fixed;
     left: 0;
     top: 0;
-    opacity: .8;
+    opacity: 1;
     z-index: 5;
   }
 

src/main/frontend/extensions/code.css

@@ -1,12 +1,17 @@
 .extensions__code {
   @apply relative;
   z-index: 0;
-
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
   &-lang {
-    @apply absolute right-0 p-1 text-sm;
-    top: 3px;
-    z-index: 1;
+    @apply p-1 text-sm;
+    margin-top: 3px;
     background: var(--ls-secondary-background-color);
+    word-break: keep-all;
+    height:2rem;
+    order:3;
   }
 
   &-calc {
@@ -31,6 +36,8 @@
   }
 
   > .CodeMirror {
+    order: 1;
+    width: 100%;
     z-index: 0;
     height: auto;
     margin-top: 4px;