stable

Clone or download

Read-only

Display textarea to edit label

When card is in edit mode, then a textarea is displayed instead of the label so that we can edit it. The textarea expands in height to fit its content. This is done with a "mirror" (a hidden pre element) to know the height of the text. Please note that this is not possible to save the new label for now. Part of story #13629: Update the title semantic of a card Change-Id: Ib4c01bbb3c72ce73924e7f08ec94a1aa8be0bdd7

Modified Files

Name
M plugins/taskboard/scripts/taskboard/src/components/TaskBoard/Body/Swimlane/Card/BaseCard.vue +3 −0 Go to diff View file
M plugins/taskboard/scripts/taskboard/src/components/TaskBoard/Body/Swimlane/Card/CardXrefLabel.test.ts +24 −4 Go to diff View file
M plugins/taskboard/scripts/taskboard/src/components/TaskBoard/Body/Swimlane/Card/CardXrefLabel.vue +1 −1 Go to diff View file
A plugins/taskboard/scripts/taskboard/src/components/TaskBoard/Body/Swimlane/Card/EditMode/Label/EditLabel.test.ts +34 −0 Go to diff View file
A plugins/taskboard/scripts/taskboard/src/components/TaskBoard/Body/Swimlane/Card/EditMode/Label/EditLabel.vue +71 −0 Go to diff View file
A plugins/taskboard/scripts/taskboard/src/components/TaskBoard/Body/Swimlane/Card/EditMode/Label/__snapshots__/EditLabel.test.ts.snap +18 −0 Go to diff View file
M plugins/taskboard/scripts/taskboard/src/components/TaskBoard/Body/Swimlane/Card/RemainingEffort/EditRemainingEffort.vue +2 −4 Go to diff View file
A plugins/taskboard/scripts/taskboard/src/helpers/autofocus-autoselect.test.ts +47 −0 Go to diff View file
A plugins/taskboard/scripts/taskboard/src/helpers/autofocus-autoselect.ts +25 −0 Go to diff View file
M plugins/taskboard/themes/includes/_card-edit.scss +24 −0 Go to diff View file
M src/www/themes/common/tlp/src/scss/components/_typography.scss +2 −3 Go to diff View file
M src/www/themes/common/tlp/src/scss/variables/_typography.scss +1 −0 Go to diff View file