CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

WEB-722 Standardize all action buttons in the checker inbox (#3152)

Browse Source
This commit is contained in:
Soni Jay
2026-02-14 06:55:45 -06:00
committed by GitHub
parent a85775203f
commit 00ce3b5112
2 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/tasks/checker-inbox-and-tasks-tabs/checker-inbox/checker-inbox.component.html
+2 -2
View File
@@ -28,13 +28,13 @@
> >
<mat-icon>{{ showAdvancedSearch ? 'arrow_drop_up' : 'arrow_drop_down' }}</mat-icon> <mat-icon>{{ showAdvancedSearch ? 'arrow_drop_up' : 'arrow_drop_down' }}</mat-icon>
</button> </button>
<button mat-raised-button class="action-button btn-success" (click)="approveChecker()"> <button mat-raised-button class="mat-success tasks-action-btn" (click)="approveChecker()">
<fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }} <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
</button> </button>
<button mat-raised-button color="warn" (click)="deleteChecker()" class="action-button"> <button mat-raised-button color="warn" (click)="deleteChecker()" class="action-button">
<fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete' | translate }} <fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete' | translate }}
</button> </button>
<button mat-raised-button class="action-button btn-reject" (click)="rejectChecker()"> <button mat-raised-button class="mat-reject tasks-action-btn" (click)="rejectChecker()">
<fa-icon icon="times" class="m-r-10"></fa-icon>{{ 'labels.buttons.Reject' | translate }} <fa-icon icon="times" class="m-r-10"></fa-icon>{{ 'labels.buttons.Reject' | translate }}
</button> </button>
</div> </div>
src/app/tasks/checker-inbox-and-tasks-tabs/checker-inbox/checker-inbox.component.scss
+27 -6
View File
@@ -63,16 +63,37 @@
width: 48px; width: 48px;
height: 48px; height: 48px;
padding: 0; padding: 0;
background: #232323 !important;
color: #fff !important;
border-radius: 4px;
box-shadow:
0 2px 2px 0 rgb(0 0 0 / 14%),
0 1px 5px 0 rgb(0 0 0 / 12%),
0 3px 1px -2px rgb(0 0 0 / 20%);
} }
button.mat-mdc-raised-button.btn-success { .mat-mdc-raised-button.mat-success,
color: #000 !important; .mat-mdc-raised-button.mat-reject {
background-color: #fff !important; color: #fff;
background-color: #424242;
} }
button.mat-mdc-raised-button.btn-reject { .tasks-action-btn {
color: #000 !important; margin: 0;
background-color: #fff !important; }
button.mat-mdc-raised-button.action-button {
box-shadow:
0 2px 2px 0 rgb(0 0 0 / 14%),
0 1px 5px 0 rgb(0 0 0 / 12%),
0 3px 1px -2px rgb(0 0 0 / 20%);
border-radius: 4px;
font-weight: 500;
font-family: Roboto, 'Helvetica Neue', sans-serif;
letter-spacing: 0.5px;
transition:
background 0.3s,
color 0.3s;
} }
/* ---------- SEARCH & LAYOUT ---------- */ /* ---------- SEARCH & LAYOUT ---------- */