removes progress bar from table pagination
This commit is contained in:
parent
d5396a9ef5
commit
bf76151684
2 changed files with 2 additions and 32 deletions
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
Loading…
Reference in a new issue