diff --git a/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.scss b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.scss new file mode 100644 index 000000000..2c2b5c84c --- /dev/null +++ b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.scss @@ -0,0 +1,34 @@ +@import '../../../../../assets/styles/red-mixins'; + +:host { + display: block; + position: absolute; + height: 100%; + background: white; + z-index: 1; + width: 100%; + @include inset-shadow; +} + +.section { + padding: 40px; + + flex-direction: column; + + &:not(:last-child) { + border-bottom: 1px solid $separator; + } +} + +p { + height: 48px; + width: 234px; + text-align: center; + color: #9398a0; +} + +mat-icon { + width: 60px; + height: 60px; + opacity: 10%; +} diff --git a/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.ts b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.ts new file mode 100644 index 000000000..9904c1acf --- /dev/null +++ b/apps/red-ui/src/app/modules/projects/components/disabled-for-redaction/disabled-for-redaction.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'redaction-disabled-for-redaction', + template: + "
Redaction is disabled for this document.
\n" + + '