[Entity browser]ย Small source images views display

Created on 23 March 2022, about 3 years ago
Updated 29 January 2024, about 1 year ago

Problem/Motivation

On the entity browser view the images are behind the checkbox if the source images are small.

Steps to reproduce

Install entity_browser, add small source images (e.g. 16x16px icons).

Proposed resolution

Center the .field-thumbnail__target-id content.

Remaining tasks

User interface changes

๐Ÿ› Bug report
Status

Needs work

Version

3.0

Component

Code

Created by

๐Ÿ‡ซ๐Ÿ‡ฎFinland sokru

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia djsagar

    Hi @sokru,
    Encountering an Error When Applying Patch Locally

    Code functions as intended, successfully resolving the issue.

    My recommend create MR.

    Thanks!

  • First commit to issue fork.
  • Status changed to Needs review about 1 year ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Tirupati_Singh

    Created MR for the entity-browser alignment issue. Please review.

  • Pipeline finished with Success
    about 1 year ago
    Total: 212s
    #84172
  • Status changed to Needs work 10 months ago
  • Hello there,
    The steps to reproduce is not clearly mentioned over here, and I've digged up a lot, but haven't found any way to reproduce the issue.
    Can anyone kindly help me reproduce the issue, so that I can test the patch and help the issue move forward.
    Also the issue summary needs to be updated accordingly then, hence moving it to NW for now!
    Thanks!

  • Status changed to Needs review 10 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Tirupati_Singh

    @sourojeetpaul, updated the Steps to reproduce. Please have a look.

  • Status changed to Needs work 10 months ago
  • Hello @Tirupati_Singh,
    Thanks for the update, now I can successfully reproduce the issue. I've also cross checked whether the issue is arising on different themes as well or not, and as its only occurring with Gin theme,hence we can conclude that the issue of the Gin theme only and not the module which is being used here. I'll attach all the screenshots for reference.
    I've tried to apply your patch, though I haven't encountered any error on patch application, but unfortunately the patch is not helping to resolve the issue as well. So moving it back to NW state once again!

    Also as a suggestion I'd like to add that there should also be a breathing space b/w the checkbox and the image as well, as its there for other themes, and let's not only restrict for smaller images/icons. We should design in a such a way so that it doesn't seem to break irrespective of the image size!

  • Pipeline finished with Success
    10 months ago
    Total: 212s
    #201907
  • Status changed to Needs review 10 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Tirupati_Singh

    Hi @sourojeet2001, I've fixed the Entity browser views display alignment issue and added space between the checkbox and the image as per the feedback. Attaching the screenshot for reference.

  • Status changed to RTBC 10 months ago
  • Hi @Tirupati_Singh,
    Thanks for putting efforts on making the recommended changes. The changes seems reasonable to me now, I've also applied the modified patch and can verify that it solves the issue, hence moving it to RTBC++
    Attaching before after screenshots for reference!

  • Pipeline finished with Success
    5 months ago
    Total: 507s
    #330565
  • Status changed to Needs work 4 months ago
  • ๐Ÿ‡จ๐Ÿ‡ญSwitzerland saschaeggi Zurich

    The MR needs a rebase and recompiled CSS. Also I left 2 code comments ๐Ÿ‘€

Production build 0.71.5 2024