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>
</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 }}
</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 }}
</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 }}
</button>
</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;
height: 48px;
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 {
color: #000 !important;
background-color: #fff !important;
.mat-mdc-raised-button.mat-success,
.mat-mdc-raised-button.mat-reject {
color: #fff;
background-color: #424242;
}
button.mat-mdc-raised-button.btn-reject {
color: #000 !important;
background-color: #fff !important;
.tasks-action-btn {
margin: 0;
}
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 ---------- */