Merge pull request #54 from unepwcmc/release-2.2.2

fix: remove page buttons
unepwcmc · Jun 24, 2022 · 05f69a4 · 05f69a4
2 parents a1cc44a + 1d38f08
commit 05f69a4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,13 @@
+### 2.2.2
+
+- Fix: Remove page buttons (numbers) from pagination
+
 ### 2.2.1
-  - Feature:
-    - Allow the modal to display a list in a bulletpoint style or inline style, implemented via a key in the existing `options` prop: `modal.bulletDisplay`, which can be set to true to have bulletpoint style or false to have inline style (with words separated by a semi-colon)
-    - Make URLs hyperlinks, styled in blue
-    - Give the option to pin one filter option to the top of any filter, implemented via a key in the existing `options` prop: `filters.optionToPinAtTheTop`, which can be set to an array of objects containing the name of the filter and the option itself, like this => `[{filterName: nameOfFilter, option: nameOfOption},...,{filterName: nameOfFilter, option: nameOfOption}]`
+
+- Feature:
+  - Allow the modal to display a list in a bulletpoint style or inline style, implemented via a key in the existing `options` prop: `modal.bulletDisplay`, which can be set to true to have bulletpoint style or false to have inline style (with words separated by a semi-colon)
+  - Make URLs hyperlinks, styled in blue
+  - Give the option to pin one filter option to the top of any filter, implemented via a key in the existing `options` prop: `filters.optionToPinAtTheTop`, which can be set to an array of objects containing the name of the filter and the option itself, like this => `[{filterName: nameOfFilter, option: nameOfOption},...,{filterName: nameOfFilter, option: nameOfOption}]`
 
 ### 2.2.0
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@unep-wcmc/wcmc-components",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/unepwcmc/wcmc-components.git"

diff --git a/src/components/filterable-table/TablePagination.vue b/src/components/filterable-table/TablePagination.vue
@@ -19,7 +19,6 @@
         <svg-chevron class="button__svg" />
       </button>
 
-
       <button
         v-bind="{ 'disabled' : !nextIsActive }"
         @click="changePage(nextIsActive, 'next')"
@@ -181,6 +180,9 @@ $buttons: ('next', 'previous', '');
       width: rem-calc(12); height: rem-calc(22);
     }
 
+    .button__page {
+      width: rem-calc(12); height: rem-calc(22); margin-right: rem-calc(10);
+    }
     &.disabled { 
       background-color: #ccc; // IE11 
       background-color: var(--button-bg-color-disabled);