Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Fixed disabled buttons styling

Browse Source
This commit is contained in:
Adina Țeudan 2021-01-12 13:54:38 +02:00
parent 1adb4f72e4
commit 05716f8dbb
4 changed files with 11 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/red-ui/src/app/screens/admin/dictionary-overview-screen/dictionary-overview-screen.component.html
View File

@ -99,15 +99,14 @@
</ace-editor>
</div>
<div class="changes-box" *ngIf="hasChanges">
<div class="changes-box" *ngIf="hasChanges && permissionsService.isAdmin()">
<redaction-icon-button
*ngIf="permissionsService.isAdmin()"
icon="red:check-alt"
(action)="saveEntries()"
text="dictionary-overview.save-changes"
type="primary"
></redaction-icon-button>
<div class="all-caps-label cancel" *ngIf="permissionsService.isAdmin()" (click)="revert()" translate="dictionary-overview.revert-changes"></div>
<div class="all-caps-label cancel" (click)="revert()" translate="dictionary-overview.revert-changes"></div>
</div>
</div>

12
apps/red-ui/src/app/screens/admin/rules-screen/rules-screen.component.html
View File

@ -26,15 +26,9 @@
>
</ace-editor>
</div>
<div class="changes-box" *ngIf="hasChanges">
<redaction-icon-button
*ngIf="permissionsService.isAdmin()"
icon="red:check"
(action)="save()"
text="rules-screen.save-changes"
type="primary"
></redaction-icon-button>
<div *ngIf="permissionsService.isAdmin()" (click)="revert()" translate="rules-screen.revert-changes" class="all-caps-label cancel"></div>
<div class="changes-box" *ngIf="hasChanges && permissionsService.isAdmin()">
<redaction-icon-button icon="red:check-alt" (action)="save()" text="rules-screen.save-changes" type="primary"></redaction-icon-button>
<div (click)="revert()" translate="rules-screen.revert-changes" class="all-caps-label cancel"></div>
</div>
</div>
</section>

5
apps/red-ui/src/app/screens/admin/watermark-screen/watermark-screen.component.html
View File

@ -20,16 +20,15 @@
<div class="left-container">
<div class="overlay-shadow"></div>
<div #viewer class="viewer"></div>
<div class="changes-box" *ngIf="changed">
<div class="changes-box" *ngIf="changed && permissionsService.isAdmin()">
<redaction-icon-button
*ngIf="permissionsService.isAdmin()"
[disabled]="configForm.invalid"
icon="red:check-alt"
(action)="save()"
text="watermark-screen.action.save"
type="primary"
></redaction-icon-button>
<div *ngIf="permissionsService.isAdmin()" (click)="revert()" translate="watermark-screen.action.revert" class="all-caps-label cancel"></div>
<div (click)="revert()" translate="watermark-screen.action.revert" class="all-caps-label cancel"></div>
</div>
</div>

7
apps/red-ui/src/assets/styles/red-button.scss
View File

@ -31,16 +31,17 @@
opacity: 0 !important;
}
.mat-flat-button.mat-primary {
.mat-flat-button.mat-primary,
.mat-button.primary {
padding: 0 14px;
transition: background-color 0.2s, color 0.2s;
background-color: $red-1;
&.mat-button-disabled {
background-color: $red-1;
color: $white;
> * {
.mat-button-wrapper {
color: $white;
opacity: 0.5;
}
}