-
-
-
+
+
+
+ {{ addRedactionRequest.value }}
@@ -23,17 +23,17 @@
-
- {{'manual-redaction.dialog.content.dictionary.label' | translate}}
+
+
{{dictionary.type}}
-
+
- {{'manual-redaction.dialog.content.dictionary.add.label' | translate}}
diff --git a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss
index f2701b6c9..491fa77d4 100644
--- a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss
+++ b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss
@@ -62,13 +62,7 @@ redaction-pdf-viewer {
.pages, .annotations {
overflow-y: scroll;
-
- scrollbar-width: none; /* Firefox */
- -ms-overflow-style: none; /* IE 10+ */
- &::-webkit-scrollbar {
- width: 0;
- background: transparent; /* Chrome/Safari/Webkit */
- }
+ @include no-scroll-bar();
&.activePanel {
background-color: #FAFAFA;
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index 9b3ea77ee..39b152da1 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -52,7 +52,7 @@
},
"content": {
"text": {
- "label": "Selected Text: {{value}}"
+ "label": "Selected text:"
},
"dictionary": {
"add": {
diff --git a/apps/red-ui/src/assets/styles/red-checkbox.scss b/apps/red-ui/src/assets/styles/red-checkbox.scss
index 919495916..febf4d51a 100644
--- a/apps/red-ui/src/assets/styles/red-checkbox.scss
+++ b/apps/red-ui/src/assets/styles/red-checkbox.scss
@@ -10,3 +10,19 @@
width: 18px;
height: 18px;
}
+
+.mat-checkbox-layout {
+ .mat-checkbox-inner-container {
+ margin-left: 0;
+ }
+
+ .mat-checkbox-label {
+ font-family: 'Inter', sans-serif;
+ font-size: 13px;
+ color: $accent;
+
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ }
+}
diff --git a/apps/red-ui/src/assets/styles/red-dialog.scss b/apps/red-ui/src/assets/styles/red-dialog.scss
index 16ca57741..51388cc44 100644
--- a/apps/red-ui/src/assets/styles/red-dialog.scss
+++ b/apps/red-ui/src/assets/styles/red-dialog.scss
@@ -1,3 +1,7 @@
+.mat-dialog-container {
+ border-radius: 8px;
+}
+
.dialog {
position: relative;
min-height: 80px;
diff --git a/apps/red-ui/src/assets/styles/red-input.scss b/apps/red-ui/src/assets/styles/red-input.scss
index bb5b4ec4b..e60713169 100644
--- a/apps/red-ui/src/assets/styles/red-input.scss
+++ b/apps/red-ui/src/assets/styles/red-input.scss
@@ -1,53 +1,63 @@
@import "red-variables";
+@import "red-mixins";
.red-input-group {
-
display: flex;
flex-direction: column;
- margin-top: 5px;
- margin-bottom: 8px;
+ margin-top: 13px;
- label {
- height: 14px;
- opacity: 0.6;
+ &:first-child {
+ margin-top: 0;
+ }
+
+ input, textarea, mat-select {
+ box-sizing: border-box;
+ width: 322px;
+ padding-left: 11px;
+ padding-right: 11px;
+ border: 1px solid $grey-5;
+ font-family: Inter, sans-serif;
font-size: 11px;
- font-weight: 500;
- letter-spacing: 0;
line-height: 14px;
- margin-bottom: 5px;
+ background-color: #FFFFFF;
+ border-radius: 8px;
+ outline: none;
+ margin-top: 3px;
+ min-height: 34px;
+
+ &:focus {
+ border-color: $grey-1;
+ }
+ }
+
+ mat-select {
+ width: 220px;
+
+ .mat-select-trigger {
+ height: 32px;
+ }
+
+ .mat-select-value {
+ vertical-align: middle;
+ }
}
textarea {
resize: none;
- box-sizing: border-box;
- padding-left: 11px;
- padding-right: 11px;
- width: 300px;
- border: 1px solid $grey-3;
- opacity: 0.4;
- border-radius: 2px;
- background-color: #FFFFFF;
- outline: none;
-
- &:focus {
- border-color: $grey-1;
- }
+ padding-top: 7px;
+ padding-bottom: 7px;
+ @include no-scroll-bar();
}
- input {
- box-sizing: border-box;
- padding-left: 11px;
- padding-right: 11px;
- height: 34px;
- width: 300px;
- border: 1px solid $grey-3;
- opacity: 0.4;
- border-radius: 2px;
- background-color: #FFFFFF;
- outline: none;
+ label {
+ opacity: 0.7;
+ font-size: 11px;
+ letter-spacing: 0;
+ line-height: 14px;
+ margin-bottom: 2px;
- &:focus {
- border-color: $grey-1;
+ &.mat-checkbox-layout {
+ opacity: 1;
}
}
}
diff --git a/apps/red-ui/src/assets/styles/red-menu.scss b/apps/red-ui/src/assets/styles/red-menu.scss
index 5b10ac247..14d760557 100644
--- a/apps/red-ui/src/assets/styles/red-menu.scss
+++ b/apps/red-ui/src/assets/styles/red-menu.scss
@@ -11,7 +11,8 @@
color: $accent;
.arrow-wrapper {
- width: 24px;
+ width: 16px;
+ margin-right: 8px;
text-align: center;
mat-icon {
@@ -24,23 +25,5 @@
&.padding-left {
padding-left: 64px;
}
-
- .mat-checkbox-layout {
- margin-left: 4px;
-
- .mat-checkbox-inner-container {
- margin-left: 0;
- }
-
- .mat-checkbox-label {
- font-family: 'Inter', sans-serif;
- font-size: 13px;
- color: $accent;
-
- display: flex;
- align-items: center;
- gap: 4px;
- }
- }
}
}
diff --git a/apps/red-ui/src/assets/styles/red-mixins.scss b/apps/red-ui/src/assets/styles/red-mixins.scss
index 317437d89..fb3975951 100644
--- a/apps/red-ui/src/assets/styles/red-mixins.scss
+++ b/apps/red-ui/src/assets/styles/red-mixins.scss
@@ -8,3 +8,12 @@
text-overflow: ellipsis;
white-space: nowrap;
}
+
+@mixin no-scroll-bar {
+ scrollbar-width: none; /* Firefox */
+ -ms-overflow-style: none; /* IE 10+ */
+ &::-webkit-scrollbar {
+ width: 0;
+ background: transparent; /* Chrome/Safari/Webkit */
+ }
+}