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

RED-9012: style adjustments to the edit selected value feature.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-05-16 13:56:46 +03:00
parent b31bb1c893
commit d0e6f325c4
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.html
View File

@ -25,16 +25,14 @@
[ngStyle]="{ width: maximumTextAreaWidth + 'px' }"
formControlName="selectedText"
iqserHasScrollbar
name="comment"
name="value"
type="text"
></textarea>
<iqser-circle-button
(action)="toggleEditingSelectedText()"
*ngIf="dictionaryRequest"
[showDot]="initialText !== form.get('selectedText').value && !isEditingSelectedText"
*ngIf="dictionaryRequest && !isEditingSelectedText"
[tooltip]="'redact-text.dialog.content.edit-text' | translate"
[type]="isEditingSelectedText ? 'dark' : 'default'"
[size]="18"
[iconSize]="13"
icon="iqser:edit"
@ -42,12 +40,13 @@
></iqser-circle-button>
<iqser-circle-button
(action)="undoTextChange()"
(action)="undoTextChange(); toggleEditingSelectedText()"
*ngIf="isEditingSelectedText"
[showDot]="initialText !== form.get('selectedText').value"
[tooltip]="'redact-text.dialog.content.revert-text' | translate"
[size]="18"
[iconSize]="13"
class="undo-button"
icon="red:undo"
tooltipPosition="below"
></iqser-circle-button>

10
apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.scss
View File

@ -14,7 +14,11 @@
}
iqser-circle-button {
padding-left: 8px;
padding-left: 10px;
&.undo-button {
margin-left: 8px;
}
}
.w-full {
@ -25,8 +29,10 @@ iqser-circle-button {
min-height: 36px;
}
textarea {
textarea[name='value'] {
margin-top: 0;
min-height: 0;
line-height: 1;
}
.table {