Merge pull request #1061 from nataliauvarova/parallel_corpora

fix warning pagination and styles pagination
ispras · Nov 13, 2023 · d4bb1e2 · d4bb1e2
2 parents 924e002 + f525600
commit d4bb1e2
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 17 deletions.
diff --git a/src/components/CorporaView/index.js b/src/components/CorporaView/index.js
@@ -30,8 +30,6 @@ import smoothScroll from "utils/smoothscroll";
 import TableBody from "./TableBody";
 import TableHeader from "./TableHeader";
 
-import "./styles.scss";
-
 const ROWS_PER_PAGE = 20;
 
 const ModalContentWrapper = styled("div")`
@@ -778,8 +776,7 @@ class P extends React.Component {
 
     const pageEntries =
       entries.length > _ROWS_PER_PAGE ? take(drop(entries, _ROWS_PER_PAGE * (page - 1)), _ROWS_PER_PAGE) : entries;
-
-
+
     /*console.log('entries=====');
     console.log(entries);*/
 
@@ -1047,6 +1044,7 @@ class P extends React.Component {
           }
         </div>
 
+        {!!_ROWS_PER_PAGE &&
         <Pagination
           urlBased
           activePage={page}
@@ -1062,7 +1060,7 @@ class P extends React.Component {
             }
           }}
           className="lingvo-pagination-block_perspective"
-        />
+        />}
 
       </div>
     );

diff --git a/src/components/CorporaView/styles.scss b/src/components/CorporaView/styles.scss
diff --git a/src/pages/Perspective/component.js b/src/pages/Perspective/component.js
@@ -1312,7 +1312,7 @@ const Perspective = ({
   });
 
   return (
-    <div className="background-content lingvo-scrolling-content">
+    <div className={parallelCorpora && "background-content lingvo-scrolling-content lingvo-scrolling-content_corpora" || "background-content lingvo-scrolling-content"}>
       <Container fluid className="perspective inverted lingvo-scrolling-content__container">
         {isDeleted && (
           <div

diff --git a/src/pages/Perspective/style.scss b/src/pages/Perspective/style.scss
@@ -185,6 +185,18 @@
     }
   }
 
+  /* parallel corpora */
+  &_corpora {
+    padding-bottom: 20px !important;
+
+    & .lingvo-scrolling-tab {
+      @media only screen and (max-device-width: 1000px), only screen and (max-width: 1000px) {
+        margin-bottom: 0 !important;
+      }
+    }
+  }
+  /* /parallel corpora */
+
   & .pagination {
     left: 20px;
     z-index: 100;