fix: update paginator style (#2069)

dasch-swiss · Jan 30, 2025 · 057f16c · 057f16c
1 parent acdcbc9
commit 057f16c
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 8 deletions.
diff --git a/apps/dsp-app/src/assets/i18n/de.json b/apps/dsp-app/src/assets/i18n/de.json
@@ -222,7 +222,6 @@
     "lastPage": "Letzte Seite",
     "nextPage": "Nächste Seite",
     "inputTooltip": "Seitennummer eingeben und über Enter zur gewählten Seite springen.",
-    "pageLabel": "Seite",
     "previousPage": "Vorherige Seite",
     "rangeLabelOf": "von",
     "rangeLabelZero": "Seite 1 von 1"

diff --git a/apps/dsp-app/src/assets/i18n/en.json b/apps/dsp-app/src/assets/i18n/en.json
@@ -249,7 +249,6 @@
     "lastPage": "Last page",
     "nextPage": "Next page",
     "inputTooltip": "Enter the page number and apply with the Enter key.",
-    "pageLabel": "Page",
     "previousPage": "Previous page",
     "rangeLabelOf": "of",
     "rangeLabelZero": "Page 1 of 1"

diff --git a/apps/dsp-app/src/assets/i18n/fr.json b/apps/dsp-app/src/assets/i18n/fr.json
@@ -250,7 +250,6 @@
     "lastPage": "Dernière page",
     "nextPage": "Page suivante",
     "inputTooltip": "Saisir le numéro de page et appuyer sur Entrée pour aller à la page.",
-    "pageLabel": "Page",
     "previousPage": "Page précédente",
     "rangeLabelOf": "sur",
     "rangeLabelZero": "Page 1 sur 1"

diff --git a/apps/dsp-app/src/assets/i18n/it.json b/apps/dsp-app/src/assets/i18n/it.json
@@ -251,7 +251,6 @@
     "nextPage": "Pagina successiva",
     "inputTooltip": "Inserisci il numero della pagina e premi Invio per andare alla pagina.",
     "previousPage": "Pagina precedente",
-    "pageLabel": "Pagina",
     "rangeLabelOf": "di",
     "rangeLabelZero": "Pagina 1 di 1"
   }

diff --git a/apps/dsp-app/src/assets/i18n/rm.json b/apps/dsp-app/src/assets/i18n/rm.json
@@ -251,7 +251,6 @@
     "nextPage": "Next page",
     "inputTooltip": "Enter the page number and apply with the Enter key.",
     "previousPage": "Previous page",
-    "pageLabel": "Page",
     "rangeLabelOf": "of",
     "rangeLabelZero": "Page 1 of 1"
   }

diff --git a/libs/vre/ui/ui/src/lib/pager/pager.component.html b/libs/vre/ui/ui/src/lib/pager/pager.component.html
@@ -16,7 +16,6 @@
     </button>
   </div>
   <div class="paginator-page-info">
-    <span class="page-label">{{ 'paginator.pageLabel' | translate }}</span>
     <div class="page-input-container">
       <input
         #pageInput
@@ -46,5 +45,5 @@
       <mat-icon>last_page</mat-icon>
     </button>
   </div>
-  <div class="paginator-item-range">{{ itemRange }}</div>
 </div>
+<div class="paginator-item-range">{{ itemRange }}</div>
diff --git a/libs/vre/ui/ui/src/lib/pager/pager.component.scss b/libs/vre/ui/ui/src/lib/pager/pager.component.scss
@@ -40,7 +40,10 @@
 }
 
 .paginator-item-range {
-  min-width: 8em;
+  display: flex;
+  flex-direction: row-reverse;
+  padding-right: 16px;
+  font-size: 0.7em;
 }
 
 /* Remove number up/down buttons For Chrome, Edge, and Safari */