-
-
Instead of just making the hidden elements visible upon hover, please also slide it in from the left upon hover and then slide it out to the left upon unhover.
-
@zaakiy, agreed. Both the workspace and pin actions should slide in from the left on row hover and slide back out to the left on unhover. The animation should occur within their fixed, permanently reserved slots so it does not move the surrounding fields or change the row height. @robin, please include this in the implementation of #3095.
-
Regarding this ASCII diagram in the description...
no hover: │ ··· ··· [Normal] [Assignee: servicedesk] │ hover: │ [W] [P] [Normal] [Assignee: servicedesk] │The
··· ···does not take up any space.It would be more accurate to be the following
no hover: │ [Normal] [Assignee: servicedesk] │ hover: │ [W] [P] [Normal] [Assignee: servicedesk] │ -
@zaakiy The
··· ···is schematic: it represents the blank width permanently reserved for the two actions, not visible dots in the UI. If[Normal]starts at the beginning of the row when not hovered, it would shift right when[W] [P]slides in, contrary to the requirement that surrounding fields do not move. A more literal no-hover diagram would show blank padding before[Normal].
| Type |
Improvement
|
| Priority |
Normal
|
| Assignee | |
| Labels |
No labels
|
Follow-up to issue #3092, replacing its superseded scope after identifying that both hover-only actions can cause the same layout shift.
Justification and motivation
The workspace and pin actions currently appear on hover in the wrapping title row. When a title already fills the available width, revealing either action can push the actions onto another line and increase the issue row height. This produces a jarring layout shift while scanning the issues list.
Moving both actions into the existing fields/label row gives them a predictable location. Reserving their space keeps fields and row height stable when hover reveals them, while retaining hover-only visibility keeps visual noise low.
What we want done
W) and pin action (P) from the title row to the fields/label row.Before
Without hover, neither action is visible:
With hover, both actions are inserted after the title. When the title fills the row, they wrap and make the issue row taller:
After
Without hover, space for both actions is reserved immediately after State:
With hover, both actions occupy their reserved slots, so neither the fields nor the row height moves:
If State is hidden, both reserved slots and actions move to the start of the fields row:
Acceptance criteria
Watchers carried over from issue #3092: @robin, @zaakiy, @servicedesk.