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

Renamed left-container to content-container

Browse Source
This commit is contained in:
Adina Țeudan 2021-04-08 19:39:27 +03:00
parent 1d63ff2d58
commit 4e90440d4d
33 changed files with 48 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
View File

@ -6,7 +6,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="header-item">
<span class="all-caps-label">
{{ 'downloads-list.table-header.title' | translate: { length: fileDownloadService.downloads.length } }}

2
apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss
View File

@ -1,4 +1,4 @@
.left-container {
.content-container {
width: 100vw;
cdk-virtual-scroll-viewport {

2
apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
View File

@ -14,7 +14,7 @@
</div>
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="header-item">
<span class="all-caps-label">
{{ 'audit-screen.table-header.title' | translate: { length: logs?.totalHits || 0 } }}

2
apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.scss
View File

@ -1,4 +1,4 @@
.left-container {
.content-container {
width: 100vw;
.header-item {

2
apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
View File

@ -12,7 +12,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="header-item">
<span class="all-caps-label">
{{ 'default-colors-screen.table-header.title' | translate: { length: colors.length } }}

2
apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss
View File

@ -1,4 +1,4 @@
.left-container {
.content-container {
width: 100vw;
cdk-virtual-scroll-viewport {

2
apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
View File

@ -12,7 +12,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div *ngIf="dictionaries.length === 0" class="empty-state">
<mat-icon svgIcon="red:dictionary"></mat-icon>
<div class="heading-l" translate="dictionary-listing.no-data.title"></div>

2
apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss
View File

@ -21,7 +21,7 @@ redaction-table-col-name::ng-deep {
}
}
.left-container {
.content-container {
width: calc(100vw - 353px);
cdk-virtual-scroll-viewport {

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

@ -51,7 +51,7 @@
</div>
<div class="flex red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="actions-bar">
<div class="red-input-group w-450 mr-32">
<input

2
apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.scss
View File

@ -19,7 +19,7 @@
}
}
.left-container {
.content-container {
width: calc(100vw - 353px);
padding: 15px;
@include inset-shadow;

4
apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
View File

@ -15,8 +15,8 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="left-container-content">
<div class="content-container">
<div class="content-container-content">
<form [formGroup]="digitalSignatureForm" (keyup)="formChanged()" autocomplete="off" *ngIf="digitalSignatureForm">
<input #fileInput (change)="fileChanged($event, fileInput)" hidden class="file-upload-input" type="file" />

4
apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss
View File

@ -1,11 +1,11 @@
@import '../../../../../assets/styles/red-mixins';
@import '../../../../../assets/styles/red-variables';
.left-container {
.content-container {
width: 100vw;
@include inset-shadow;
.left-container-content {
.content-container-content {
margin: 20px;
}
}

2
apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
View File

@ -96,7 +96,7 @@
</ng-container>
</div>
</div>
<div class="left-container">
<div class="content-container">
<div class="header-item">
<div class="select-all-container">
<div

2
apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
View File

@ -152,7 +152,7 @@
border-right: 1px solid $separator;
}
> .left-container {
> .content-container {
width: 100%;
redaction-table-col-name::ng-deep {

2
apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
View File

@ -10,7 +10,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="header-item">
<div class="select-all-container">
<div

2
apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss
View File

@ -13,7 +13,7 @@ redaction-table-col-name::ng-deep {
}
}
.left-container {
.content-container {
width: 100vw;
.header-item {

2
apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
View File

@ -16,7 +16,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="grid-container">
<div class="row">
<div translate="license-info-screen.backend-version"></div>

2
apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.scss
View File

@ -1,7 +1,7 @@
@import '../../../../../assets/styles/red-mixins';
@import '../../../../../assets/styles/red-variables';
.left-container {
.content-container {
width: 100vw;
@include inset-shadow;
overflow: auto;

2
apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.html
View File

@ -25,7 +25,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="header-item">
<div class="select-all-container">
<div

2
apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.scss
View File

@ -11,7 +11,7 @@ redaction-table-col-name::ng-deep {
}
}
.left-container {
.content-container {
width: 100vw;
cdk-virtual-scroll-viewport {

2
apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
View File

@ -15,7 +15,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="overlay-shadow"></div>
<div class="dialog">
<div class="dialog-header">

2
apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.scss
View File

@ -1,7 +1,7 @@
@import '../../../../../assets/styles/red-variables';
@import '../../../../../assets/styles/red-mixins';
.left-container {
.content-container {
width: 100vw;
background-color: $grey-2;
display: flex;

2
apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
View File

@ -23,7 +23,7 @@
</div>
<div class="red-content-inner">
<div class="left-container" [class.extended]="collapsedDetails">
<div class="content-container" [class.extended]="collapsedDetails">
<div class="header-item">
<div class="select-all-container">
<div

2
apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
View File

@ -1,4 +1,4 @@
.left-container {
.content-container {
width: calc(100vw - 353px);
.header-item {

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

@ -10,7 +10,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="overlay-shadow"></div>
<div #viewer class="viewer"></div>
<div class="changes-box" *ngIf="changed && permissionsService.isAdmin()">

2
apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
View File

@ -9,7 +9,7 @@
flex-direction: row-reverse;
}
.left-container {
.content-container {
width: calc(100vw - 353px);
.viewer {

29
apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html
View File

@ -30,27 +30,25 @@
</div>
<div class="page-title">
<span *ngIf="!permissionsService.canPerformAnnotationActions()" class="pill"
translate="readonly-pill"></span>
<span *ngIf="!permissionsService.canPerformAnnotationActions()" class="pill" translate="readonly-pill"></span>
</div>
<div *ngIf="viewReady" class="flex-1 actions-container">
<ng-container *ngIf="!appStateService.activeFile.isExcluded">
<redaction-status-bar
[config]="[
{
length: 1,
color: appStateService.activeFile.status
}
]"
{
length: 1,
color: appStateService.activeFile.status
}
]"
[small]="true"
>
</redaction-status-bar>
<div class="all-caps-label mr-16 ml-8">
{{ appStateService.activeFile.status | translate }}
<span
*ngIf="appStateService.activeFile.status === 'UNDER_REVIEW' || appStateService.activeFile.status === 'UNDER_APPROVAL'"
>{{ 'by' | translate }}:</span
<span *ngIf="appStateService.activeFile.status === 'UNDER_REVIEW' || appStateService.activeFile.status === 'UNDER_APPROVAL'"
>{{ 'by' | translate }}:</span
>
</div>
@ -62,7 +60,9 @@
></redaction-initials-avatar>
<div
(click)="editingReviewer = true"
*ngIf="!editingReviewer && !appStateService.activeFile.currentReviewer && permissionsService.canAssignReviewer(appStateService.activeFile)"
*ngIf="
!editingReviewer && !appStateService.activeFile.currentReviewer && permissionsService.canAssignReviewer(appStateService.activeFile)
"
class="assign-reviewer pointer"
translate="file-preview.assign-reviewer"
></div>
@ -190,7 +190,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="overlay-shadow"></div>
<redaction-pdf-viewer
(keyUp)="handleKeyEvent($event)"
@ -208,10 +208,7 @@
</div>
<div class="right-container">
<redaction-disabled-for-redaction
*ngIf="viewReady && appStateService.activeFile.isExcluded"
>
</redaction-disabled-for-redaction>
<redaction-disabled-for-redaction *ngIf="viewReady && appStateService.activeFile.isExcluded"> </redaction-disabled-for-redaction>
<redaction-document-info
*ngIf="viewReady && viewDocumentInfo"

2
apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.scss
View File

@ -20,7 +20,7 @@
min-width: fit-content;
}
.left-container {
.content-container {
position: relative;
width: calc(100vw - 350px);
}

2
apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.html
View File

@ -45,7 +45,7 @@
</div>
<div class="red-content-inner">
<div class="left-container">
<div class="content-container">
<div class="header-item">
<span class="all-caps-label">
{{ 'project-listing.table-header.title' | translate: { length: displayedProjects.length || 0 } }}

2
apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.scss
View File

@ -1,7 +1,7 @@
@import '../../../../../assets/styles/red-mixins';
@import '../../../../../assets/styles/red-variables';
.left-container {
.content-container {
cdk-virtual-scroll-viewport {
::ng-deep.cdk-virtual-scroll-content-wrapper {
grid-template-columns: 2fr 1fr 1fr auto 11px;

4
apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
View File

@ -82,7 +82,7 @@
</div>
</div>
<div class="red-content-inner">
<div class="left-container" [class.extended]="collapsedDetails">
<div class="content-container" [class.extended]="collapsedDetails">
<div *ngIf="!appStateService.activeProject?.hasFiles" class="empty-state">
<mat-icon svgIcon="red:document"></mat-icon>
<div class="heading-l" translate="project-overview.no-data.title"></div>
@ -175,7 +175,7 @@
[class.pointer]="permissionsService.canOpenFile(fileStatus)"
[routerLink]="fileLink(fileStatus)"
class="table-item"
[class.disabled]='fileStatus.isExcluded'
[class.disabled]="fileStatus.isExcluded"
>
<div class="pr-0" (click)="toggleFileSelected($event, fileStatus)">
<div *ngIf="!isFileSelected(fileStatus)" class="select-oval"></div>

2
apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss
View File

@ -72,7 +72,7 @@ cdk-virtual-scroll-viewport {
}
}
.left-container {
.content-container {
width: calc(100vw - 375px);
}

2
apps/red-ui/src/assets/styles/red-page-layout.scss
View File

@ -80,7 +80,7 @@ body {
z-index: 1;
transition: height ease-in-out 0.2s;
.left-container {
.content-container {
.overlay-shadow {
@include inset-shadow;
position: fixed;