[MGNLUI-6614] CSS style enhancement on LinkField Created: 11/Mar/21  Updated: 19/Apr/21  Resolved: 23/Mar/21

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.2.7
Fix Version/s: 6.2.7

Type: Improvement Priority: Neutral
Reporter: Martin Haderka Assignee: Martin Haderka
Resolution: Fixed Votes: 0
Labels: VN-Testing
Remaining Estimate: Not Specified
Time Spent: 3.5h
Original Estimate: Not Specified

Attachments: GIF File problem2.gif    
Issue Links:
Issue split
split from MGNLUI-6530 Improve LinkField with a select menu ... Closed
Template:
Acceptance criteria:
[X]* The "x" button has animation on hover.
[X]* The icon stays centred when resizing a browser window
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Epic Link: Improve Content Linking
Sprint: UI FW 24
Story Points: 1

 Description   

1) Transition effect on hover

Steps to reproduce

  1.  Create a new module with LinkField
  2.  Open the module
  3.  Create new item

Expected results

Background of "x" button has animation transition (same as the "x" button in Tab).

Actual results

Background of "x" button has no animation.

2) Node icon isn't centred after a site resize

Steps to reproduce

  1.  Create a new module with LinkField
  2.  Open the module
  3.  Create new item
  4.  Choose an item from datasource
  5.  Resize site
  6.  Watch icon next to item name/path

Expected results

The icon stays centred when the site is resized.

Actual results

The icon isn't centred when the site is resized.

Development notes

LinkField CSS style is defined in: 
magnolia-resurface-theme/src/main/resources/VAADIN/themes/resurface/linkfield.scss



 Comments   
Comment by Martin Haderka [ 11/Mar/21 ]

Linked to MGNLUI-6530

Generated at Mon Feb 12 09:38:15 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.