zamis 5 лет назад
Родитель
Сommit
4596ef971e
1 измененных файлов с 29 добавлено и 23 удалено
  1. 29 23
      src/client/js/components/Page/DisplaySwitcher.jsx

+ 29 - 23
src/client/js/components/Page/DisplaySwitcher.jsx

@@ -30,34 +30,40 @@ const DisplaySwitcher = (props) => {
     <>
       <TabContent activeTab={editorMode}>
         <TabPane tabId="view">
-          {isDeviceSmallerThanMd ? (
-            <div className="d-flex d-lg-none justify-content-end border-bottom">
+          {isDeviceSmallerThanMd && (
+            <div className="row d-flex justify-content-end d-lg-none border-bottom">
+
               <PageAccessoriesModalControl
                 isGuestUser={isGuestUser}
                 isSharedUser={isSharedUser}
               />
             </div>
-           ) : (
-             <div className="d-edit-none grw-side-contents-container">
-               <div className="grw-side-contents-sticky-container">
-                 <PageAccessoriesModalControl
-                   isGuestUser={isGuestUser}
-                   isSharedUser={isSharedUser}
-                 />
-                 <div id="revision-toc" className="revision-toc">
-                   <TableOfContents />
-                 </div>
-                 {pageUser && <UserContentsLinks />}
-               </div>
-             </div>
-          )}
-          <PageAccessoriesModal
-            isGuestUser={isGuestUser}
-            isSharedUser={isSharedUser}
-            isOpen={isPageAccessoriesModalShown}
-            onClose={closePageAccessoriesModal}
-          />
-          <Page />
+
+            )}
+          <div className="row">
+            <Page />
+            {!isDeviceSmallerThanMd && (
+              <div className="d-edit-none grw-side-contents-container">
+                <div className="grw-side-contents-sticky-container">
+                  <PageAccessoriesModalControl
+                    isGuestUser={isGuestUser}
+                    isSharedUser={isSharedUser}
+                  />
+                  <div id="revision-toc" className="revision-toc">
+                    <TableOfContents />
+                  </div>
+                  {pageUser && <UserContentsLinks />}
+                </div>
+              </div>
+            )}
+
+            <PageAccessoriesModal
+              isGuestUser={isGuestUser}
+              isSharedUser={isSharedUser}
+              isOpen={isPageAccessoriesModalShown}
+              onClose={closePageAccessoriesModal}
+            />
+          </div>
         </TabPane>
         <TabPane tabId="edit">
           <div id="page-editor">