arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(deltagare): Removed sorting functionality until the API supports sorting. (TV-809)

Browse Source 
Squashed commit of the following:

commit 230f16d43841bbd1bb6a314896d7ce9290ddbd45
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Thu Oct 21 13:39:32 2021 +0200

    Removed sorting
This commit is contained in:
Erik Tiekstra
2021-10-22 08:11:51 +02:00
parent 9fc6f40c45
commit 6d5a449323
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-table/deltagare-list-table.component.html
View File

@@ -11,12 +11,12 @@
<thead> <thead>
<tr> <tr>
<th scope="col" class="deltagare-list__column-head" *ngFor="let column of columnHeaders"> <th scope="col" class="deltagare-list__column-head" *ngFor="let column of columnHeaders">
<button {{column.label}}
<!-- <button
class="deltagare-list__sort-button" class="deltagare-list__sort-button"
[attr.id]="'sort-button-' + column.key" [attr.id]="'sort-button-' + column.key"
(click)="handleSort(column.key)" (click)="handleSort(column.key)"
> >
{{column.label}}
<ng-container *ngIf="sort.key === column.key"> <ng-container *ngIf="sort.key === column.key">
<digi-icon-caret-up <digi-icon-caret-up
class="deltagare-list__sort-icon" class="deltagare-list__sort-icon"
@@ -27,7 +27,7 @@
*ngIf="sort.order === orderType.DESC" *ngIf="sort.order === orderType.DESC"
></digi-icon-caret-down> ></digi-icon-caret-down>
</ng-container> </ng-container>
</button> </button> -->
</th> </th>
</tr> </tr>
</thead> </thead>
@@ -55,6 +55,7 @@
</td> </td>
<td> <td>
<digi-button <digi-button
class="deltagare-list__handelse-button"
af-variation="tertiary" af-variation="tertiary"
af-size="s" af-size="s"
(click)="openHandelser(singleDeltagare)" (click)="openHandelser(singleDeltagare)"

15
apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-list/components/deltagare-list-table/deltagare-list-table.component.scss
View File

@@ -9,9 +9,9 @@
font-size: var(--digi--typography--font-size--s); font-size: var(--digi--typography--font-size--s);
} }
&__column-head { // &__column-head {
padding: 0; // padding: 0;
} // }
&__sort-button { &__sort-button {
position: relative; position: relative;
@@ -19,7 +19,8 @@
border-width: 0; border-width: 0;
width: 100%; width: 100%;
text-align: left; text-align: left;
padding: var(--digi--layout--gutter--s) $digi--layout--gutter--l var(--digi--layout--gutter--s) var(--digi--layout--gutter); padding: var(--digi--layout--gutter--s) $digi--layout--gutter--l var(--digi--layout--gutter--s)
var(--digi--layout--gutter);
margin: 0; margin: 0;
font-size: inherit; font-size: inherit;
font-weight: inherit; font-weight: inherit;
@@ -49,4 +50,10 @@
--digi-icon--height: 1rem; --digi-icon--height: 1rem;
--digi-icon--width: 1rem; --digi-icon--width: 1rem;
} }
&__handelse-button {
::ng-deep .digi-button {
padding: 0;
}
}
} }