Problem/Motivation

Gin default edit Media button is not positioned, sized and hovered properly

Steps to reproduce

D10.1, any CT with media field, after adding media the edit Media button (pencil) is incorrectly styled, also hover is incorrect. Please see attached png for details.

Proposed resolution

Add a class to media_library.scss to overwrite styles the same way as 'remove button. Styles are getting overwritten within the same theme css.

Remaining tasks

User interface changes

API changes

Data model changes

Issue fork gin-3417719

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

yugro created an issue. See original summary.

yugro’s picture

here is patch which resolves it.

djsagar’s picture

Title: Edit Media icon size, position and hover bg issues » Refine User Experience: Addressing Size, Position, and Hover Background Issues with Edit Media Icon.

Hi @yugro,

Please share more detail for replicate this issue.

yugro’s picture

Issue summary: View changes
yugro’s picture

Hi @djsagar,
Please check steps to reproduce in header of issue. I don't think DB or php version has impact on this, so didn't mention.

  • saschaeggi committed ad4353d2 on 4.0.x
    Issue #3417719: Refine User Experience: Addressing Size, Position, and...

  • saschaeggi committed 2f3e2bd7 on 8.x-3.x
    Issue #3417719: Refine User Experience: Addressing Size, Position, and...
saschaeggi’s picture

Status: Active » Fixed
saschaeggi’s picture

Title: Refine User Experience: Addressing Size, Position, and Hover Background Issues with Edit Media Icon. » Increase edit media icon selector weight

  • saschaeggi committed b9eefb3f on 4.0.x
    Issue #3417719: Refine User Experience: Addressing Size, Position, and...

  • saschaeggi committed ebf2d226 on 4.0.x
    Issue #3417719: Refine User Experience: Addressing Size, Position, and...

  • saschaeggi committed b7387408 on 4.0.x
    Issue #3417719: Refine User Experience: Addressing Size, Position, and...

  • saschaeggi committed 0e2eb239 on 4.0.x
    Issue #3417719: Refine User Experience: Addressing Size, Position, and...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.