removes progress bar from table pagination

This commit is contained in:
Jon McClure 2023-04-06 11:32:53 +01:00
parent d5396a9ef5
commit bf76151684
2 changed files with 2 additions and 32 deletions

View file

@ -2,7 +2,7 @@
import { intcomma } from 'journalize';
import LeftArrow from './LeftArrow.svelte';
import RightArrow from './RightArrow.svelte';
import ProgressBar from './ProgressBar.svelte';
/**
* The current page number.
* @type {number}
@ -54,7 +54,6 @@
>
<div class="label" aria-label="page {pageNumber}" aria-current="page">
<div class="records">{minRow}-{maxRow} of {intcomma(n)}</div>
<div class="progress"><ProgressBar bind:progress /></div>
</div>
<button
on:click="{goToNextPage}"
@ -73,7 +72,7 @@
nav.pagination {
display: flex;
justify-content: center;
align-items: flex-start;
align-items: center;
margin-top: 1rem;
button {
border: 1px solid var(--theme-colour-text-secondary, $tr-light-grey);

View file

@ -1,29 +0,0 @@
<script lang="ts">
export let progress: number = 0.0;
</script>
<div class="progress-bar">
<div class="progress-bar--segment" class:active="{progress >= 0}"></div>
<div class="progress-bar--segment" class:active="{progress >= 0.33}"></div>
<div class="progress-bar--segment" class:active="{progress >= 0.66}"></div>
</div>
<style lang="scss">
@import '../../scss/colours/thematic/tr';
.progress-bar {
width: 80px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
.progress-bar--segment {
height: 5px;
width: 30%;
background-color: var(--theme-colour-brand-rules, $tr-muted-grey);
&.active {
background-color: var(--theme-colour-text-primary, $tr-medium-grey);
}
}
}
</style>