style: adjust element hierarchy

frontend/src/pages/sdoc/sdoc-file-history/index.css

@@ -87,6 +87,7 @@
 
 
 .sdoc-file-history .sdoc-file-history-content {
+  display: flex;
   height: 100%;
   width: 100%;
 }
@@ -107,6 +108,7 @@
 
 .sdoc-file-history.mobile .sdoc-file-history-container .sdoc-file-history-content .sdoc-editor-content {
   padding: 0;
+  min-width: auto;
 }
 
 .sdoc-file-history .sdoc-file-history-content .sdoc-scroll-container {
@@ -118,6 +120,10 @@
   flex-direction: row;
 }
 
+.sdoc-editor-container.mobile .sdoc-editor-content.readonly .sdoc-article-container {
+  width: 100%;
+}
+
 .sdoc-file-history .sdoc-file-history-content .sdoc-article-container {
   width: 100%;
   padding-top: 0;

frontend/src/pages/sdoc/sdoc-file-history/index.js

@@ -367,21 +367,25 @@ class SdocFileHistory extends React.Component {
                 <Loading />
               </div>
             ) : (
-              <DiffViewer
+              <>
-                currentContent={currentVersionContent}
+                <DiffViewer
-                lastContent={isShowChanges ? lastVersionContent : ''}
+                  currentContent={currentVersionContent}
-                didMountCallback={this.setDiffCount}
+                  lastContent={isShowChanges ? lastVersionContent : ''}
-                rightSideDrawer={
+                  didMountCallback={this.setDiffCount}
-                  showSidePanel && <SidePanel
+                />
-                    isShowChanges={isShowChanges}
+                {
-                    currentVersion={currentVersion}
+                  showSidePanel && (
-                    onSelectHistoryVersion={this.onSelectHistoryVersion}
+                    <SidePanel
-                    onShowChanges={this.onShowChanges}
+                      isShowChanges={isShowChanges}
-                    sidePanelInitData={sidePanelInitData}
+                      currentVersion={currentVersion}
-                    onClose={this.changeSidePanelStatus}
+                      onSelectHistoryVersion={this.onSelectHistoryVersion}
-                  />
+                      onShowChanges={this.onShowChanges}
+                      sidePanelInitData={sidePanelInitData}
+                      onClose={this.changeSidePanelStatus}
+                    />
+                  )
                 }
-              />
+              </>
             )}
           </div>
         </div>