Improve the UI when a media field is added.

Created on 14 December 2023, 6 months ago
Updated 23 June 2024, 2 days ago

Problem/Motivation

The UI of the field looks broken when a media field is added in any entity type.

Steps to reproduce

1. Setup a drupal 10 site and install Gin theme
2. Install the Media module and add the Media field and select Image in any of the entity type
3. Add content to the entity type, the UI of the field can be improved.

Proposed resolution

The UI of the media field can be improved. Attaching the screenshot of Claro theme for reference.

🐛 Bug report
Status

Fixed

Version

3.0

Component

Code

Created by

🇮🇳India Mithun S Bangalore

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

Merge Requests

Comments & Activities

  • Issue created by @Mithun S
  • First commit to issue fork.
  • Merge request !342Improvement in UI for Media. → (Merged) created by Meeni_Dhobale
  • 🇮🇳India Meeni_Dhobale

    I have added padding on both sides as 12px. Here is how it looks now.

  • Pipeline finished with Failed
    6 months ago
    Total: 415s
    #63676
  • Pipeline finished with Failed
    6 months ago
    Total: 202s
    #63678
  • Pipeline finished with Failed
    6 months ago
    Total: 232s
    #63682
  • Pipeline finished with Failed
    6 months ago
    Total: 173s
    #63685
  • Pipeline finished with Failed
    6 months ago
    Total: 171s
    #63693
  • Pipeline finished with Success
    6 months ago
    Total: 204s
    #63694
  • Pipeline finished with Success
    6 months ago
    Total: 205s
    #63696
  • Pipeline finished with Canceled
    6 months ago
    Total: 117s
    #63699
  • Pipeline finished with Success
    6 months ago
    Total: 234s
    #63701
  • Status changed to Needs review 6 months ago
  • Status changed to Needs work 6 months ago
  • 🇨🇭Switzerland saschaeggi Zurich

    Hey 👋 I've left some feedback in the MR 👀

  • Pipeline finished with Canceled
    6 months ago
    Total: 189s
    #65233
  • Status changed to Needs review 6 months ago
  • 🇮🇳India Meeni_Dhobale

    I updated the MR and made suggested changes. Can anyone please review it? Changing status to NR.

  • Pipeline finished with Success
    6 months ago
    Total: 232s
    #65238
  • Status changed to RTBC 6 months ago
  • 🇮🇳India Kanchan Bhogade

    Hi, I have verified this issue in Drupal 10 with the Gin theme. The issue related to "Improve the UI when a media field is added"
    has been fixed.
    Testing steps followed :
    1. Install Drupal 10, install the Gin theme
    2. Install the Media module, add the Media field, and select Image in any of the entity type
    3. Add content to the entity type and check the UI of the field
    4. Apply patch
    5. Observed the UI of the field after applying the patch

    Attaching the screenshots. Moving to RTBC

  • 🇮🇳India Mithun S Bangalore
  • Pipeline finished with Canceled
    2 days ago
    #206213
  • Pipeline finished with Success
    2 days ago
    Total: 272s
    #206214
  • Pipeline finished with Success
    2 days ago
    #206215
  • Pipeline finished with Success
    2 days ago
    Total: 185s
    #206219
  • Status changed to Fixed 2 days ago
  • 🇨🇭Switzerland saschaeggi Zurich
Production build 0.69.0 2024