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

UI updates

Browse Source
This commit is contained in:
Adina Țeudan 2020-12-15 15:55:22 +02:00
parent f27898ac17
commit 76ea035491
11 changed files with 27 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/components/comments/comments.component.html
View File

@ -30,7 +30,7 @@
<form (submit)="addComment()" *ngIf="addingComment" [formGroup]="commentForm">
<div class="red-input-group">
<input [placeholder]="translateService.instant('comments.add-comment')" formControlName="comment" name="comment" type="text" />
<input [placeholder]="translateService.instant('comments.add-comment')" formControlName="comment" name="comment" type="text" class="w-full" />
</div>
</form>

10
apps/red-ui/src/app/dialogs/add-edit-project-dialog/add-edit-project-dialog.component.html
View File

@ -56,13 +56,9 @@
</div>
<div class="dialog-actions">
<button
[disabled]="disabled || !changed"
color="primary"
mat-flat-button
translate="project-listing.add-edit-dialog.actions.save"
type="submit"
></button>
<button [disabled]="disabled || !changed" color="primary" mat-flat-button type="submit">
{{ 'project-listing.add-edit-dialog.actions.save' | translate }}
</button>
<redaction-icon-button
[disabled]="disabled || !changed"

2
apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html
View File

@ -48,7 +48,7 @@
</div>
<div class="dialog-actions">
<button color="primary" mat-flat-button type="submit" [disabled]="!usersForm.valid || !changed" class="red-button">
<button [disabled]="!usersForm.valid || !changed" color="primary" mat-flat-button type="submit">
{{ 'assign-' + data.type + '-owner.dialog.save' | translate }}
</button>

4
apps/red-ui/src/app/dialogs/confirmation-dialog/confirmation-dialog.component.html
View File

@ -8,10 +8,10 @@
</div>
<div class="dialog-actions">
<button (click)="confirm()" color="primary" mat-flat-button class="red-button">
<button (click)="confirm()" color="primary" mat-flat-button>
{{ confirmationDialogInput.confirmationText | translate: confirmationDialogInput.translateParams }}
</button>
<button (click)="deny()" color="primary" mat-flat-button class="red-button">
<button (click)="deny()" color="primary" mat-flat-button>
{{ confirmationDialogInput.denyText | translate: confirmationDialogInput.translateParams }}
</button>
</div>

4
apps/red-ui/src/app/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
View File

@ -47,7 +47,9 @@
</div>
<div class="dialog-actions">
<button color="primary" mat-flat-button [disabled]="!redactionForm.valid" translate="manual-annotation.dialog.actions.save" type="submit"></button>
<button color="primary" mat-flat-button [disabled]="!redactionForm.valid" type="submit">
{{ 'manual-annotation.dialog.actions.save' | translate }}
</button>
</div>
</form>

4
apps/red-ui/src/app/screens/admin/dictionary-listing-screen/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html
View File

@ -61,7 +61,9 @@
</div>
<div class="dialog-actions">
<button [disabled]="dictionaryForm.invalid || !changed" color="primary" mat-flat-button translate="add-edit-dictionary.save" type="submit"></button>
<button [disabled]="dictionaryForm.invalid || !changed" color="primary" mat-flat-button type="submit">
{{ 'add-edit-dictionary.save' | translate }}
</button>
</div>
</form>

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

@ -71,14 +71,9 @@
</form>
<div class="actions-container">
<button
color="primary"
mat-flat-button
(click)="save()"
[disabled]="configForm.invalid || !changed"
class="red-button"
translate="watermark-screen.action.save"
></button>
<button color="primary" mat-flat-button (click)="save()" [disabled]="configForm.invalid || !changed">
{{ 'watermark-screen.action.save' | translate }}
</button>
<div class="all-caps-label pointer cancel" [class.disabled]="!changed" (click)="revert()" translate="watermark-screen.action.revert"></div>
</div>

7
apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.scss
View File

@ -4,19 +4,14 @@
flex: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: space-evenly;
> div {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
padding-top: 50px;
//&:first-child {
// border-right: 1px solid $separator;
//}
.project-stats-container {
.project-stats-item {
display: flex;

6
apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.html
View File

@ -47,13 +47,13 @@
></redaction-simple-doughnut-chart>
</div>
<div *ngIf="hasFiles" class="mt-24 legend">
<div *ngIf="hasFiles" class="mt-24 legend pb-32">
<div (click)="toggleFilter('needsWorkFilters', filter.key)" *ngFor="let filter of filters.needsWorkFilters" [class.active]="filter.checked">
<redaction-type-filter [filter]="filter"></redaction-type-filter>
</div>
</div>
<div class="mt-32 small-label stats-subtitle">
<div class="pb-32 small-label stats-subtitle">
<div>
<mat-icon svgIcon="red:document"></mat-icon>
<span>{{ 'project-overview.project-details.stats.documents' | translate: { count: appStateService.activeProject.files.length } }}</span>
@ -86,7 +86,7 @@
</div>
</div>
<div class="mt-32" *ngIf="!!appStateService.activeProject.project.description">
<div class="pb-32" *ngIf="!!appStateService.activeProject.project.description">
<div class="heading" translate="project-overview.project-details.description"></div>
<div class="mt-8">{{ appStateService.activeProject.project.description }}</div>
</div>

4
apps/red-ui/src/app/screens/project-overview-screen/project-details/project-details.component.scss
View File

@ -63,6 +63,6 @@
margin-top: 24px;
}
.mt-32 {
margin-top: 32px;
.pb-32 {
padding-bottom: 32px;
}

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

@ -38,7 +38,11 @@
&.mat-button-disabled {
background-color: $red-1;
color: rgba($white, 0.5);
color: $white;
> * {
opacity: 0.5;
}
}
&:not(.mat-button-disabled):hover {