optimize code (#4762)

frontend/src/css/file-view.css

@@ -41,11 +41,11 @@ body {
   color: #808080;
 }
 /* for mobile */
-.seafile-comment {
+.file-view-body .seafile-comment {
   width: 100%;
 }
 @media (min-width: 768px) {
-  .seafile-comment {
+  .file-view-body .seafile-comment {
     width: 29%;
   }
 }

frontend/src/css/markdown-viewer/markdown-editor.css

@@ -168,3 +168,7 @@
     display: none !important;
   }
 }
+
+.seafile-editor-side-panel .seafile-comment {
+  width: 100%;
+}

frontend/src/css/review-comments.css

@@ -1,8 +1,8 @@
 .review-side-panel .seafile-comment {
-  flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
+  width: 100%;
   background-color: #fff;
 }
 .seafile-comment-resizing {

frontend/src/css/text-file-view.css

@@ -1,17 +1,17 @@
 .text-file-view {
     overflow: auto;
 }
-.ReactCodeMirror {
+.text-file-view .ReactCodeMirror {
     box-shadow: 0 0 6px #ccc;
     border: 1px solid #ccc;
     width: calc(100% - 40px);
     max-width: 950px;
     margin: 0 auto;
 }
-.CodeMirror {
+.text-file-view .CodeMirror {
     height: auto;
     min-height: 300px;
 }
-.CodeMirror-scroll {
+.text-file-view .CodeMirror-scroll {
     min-height: 300px;
 }