refactor(pagination): comment out secondary pagination and its styling

eea · Jun 20, 2022 · bcf4cff · bcf4cff
1 parent c110500
commit bcf4cff
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 14 deletions.
diff --git a/src/ui/Pagination/Pagination.stories.js b/src/ui/Pagination/Pagination.stories.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Pagination } from 'semantic-ui-react';
+import { Pagination, Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/Pagination',
@@ -70,7 +70,11 @@ export default {
   },
 };
 
-const DefaultTemplate = (args) => <Pagination {...args} />;
+const DefaultTemplate = (args) => (
+  <Container>
+    <Pagination {...args} />
+  </Container>
+);
 
 export const Default = DefaultTemplate.bind({});
 Default.args = {
@@ -81,13 +85,13 @@ Default.args = {
   siblingRange: 1,
 };
 
-const SecondaryTemplate = (args) => <Pagination pointing secondary {...args} />;
+// const SecondaryTemplate = (args) => <Pagination pointing secondary {...args} />;
 
-export const Secondary = SecondaryTemplate.bind({});
-Secondary.args = {
-  defaultActivePage: 5,
-  totalPages: 10,
-  disabled: false,
-  boundaryRange: 1,
-  siblingRange: 1,
-};
+// export const Secondary = SecondaryTemplate.bind({});
+// Secondary.args = {
+//   defaultActivePage: 5,
+//   totalPages: 10,
+//   disabled: false,
+//   boundaryRange: 1,
+//   siblingRange: 1,
+// };
diff --git a/theme/themes/eea/collections/menu.overrides b/theme/themes/eea/collections/menu.overrides
@@ -203,7 +203,11 @@
 /* EEA Theme */
 /*************/
 
-/* Pagination and Tabs */
+/***********
+ Pagination
+***********/
+
+/*
 .ui.pagination.menu {
   border: none;
   box-shadow: none;
@@ -219,7 +223,6 @@
     }
   }
 }
-
 .ui.pagination.pointing.secondary, .ui.pagination {
   display: flex;
   width: @paginationWidth;
@@ -229,15 +232,16 @@
     justify-content: center;
   }
 }
-
 .ui.pagination.pointing.secondary.menu .item {
   justify-content: center;
   padding: @squareTiny;
   font-size: @paginationFontSize;
   color: @itemTextColor;
 }
+*/
 
 /* Pagination active item custom border design */
+/*
 .ui.pagination.pointing.secondary.menu .active.item {
   padding: (@tinyGap - @1px) @tinyGap;
   border-bottom: @secondaryPointingActiveBorderWidth solid @secondaryColor;
@@ -248,19 +252,28 @@
     color: @secondaryPointingActiveTextColor;
   }
 }
+*/
 
 /* Hover item pagination */
+/*
 .ui.pagination.pointing.secondary.menu .item:hover {
   padding: (@tinyGap - @1px) @tinyGap;
   border-bottom: @secondaryPointingActiveBorderWidth solid @secondaryColor;
   margin-bottom: -@secondaryPointingctiveItemMarginBottom;
   color: @paginationColor;
 }
+*/
 
 /* Hover ellipsis item pagination */
+/*
 .ui.pagination.pointing.secondary.menu a.item[type='ellipsisItem']:hover {
   border-bottom: @secondaryPointingActiveBorderWidth solid transparent;
 }
+*/
+
+/***********
+    Tabs
+***********/
 
 /* Tab active item custom border design */
 .ui.secondary.pointing.menu:not(.vertical):not(.pagination) .active.item,