enhance(ui): hide code lang flag when narrow screen size

dandv · Jun 13, 2022 · 75c3dd5 · 75c3dd5
1 parent f8c4f50
commit 75c3dd5
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/main/frontend/extensions/code.css b/src/main/frontend/extensions/code.css
@@ -14,11 +14,11 @@
     width: fit-content;
     /* height:2rem; */
     order: 3;
-    display: flex;
     left: auto;
     right: 0;
     /* margin-top: 4px; */
     z-index: 9999;
+    display: none;
   }
 
   &-calc {
@@ -33,6 +33,12 @@
       font-family: Fira Code, Monaco, Menlo, Consolas, 'COURIER NEW', monospace;
     }
   }
+
+  @screen md {
+    &-lang {
+      display: flex;
+    }
+  }
 }
 
 .CodeMirror {