Implement Media Library Widget Designs

Created on 4 June 2025, 28 days ago

Overview

This is just the widget - not the dialog

Designs are here - and this Figma should be the canonical source, but here's a screenshot of where it is at the time this summary is created

Proposed resolution

User interface changes

πŸ“Œ Task
Status

Active

Version

0.0

Component

Redux-integrated field widgets

Created by

πŸ‡ΊπŸ‡ΈUnited States bnjmnm Ann Arbor, MI

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

Merge Requests

Comments & Activities

  • Issue created by @bnjmnm
  • Merge request !1139#3528288 "Implement media library widget style" β†’ (Merged) created by bnjmnm
  • Pipeline finished with Failed
    18 days ago
    Total: 881s
    #521965
  • Pipeline finished with Failed
    15 days ago
    #523592
  • Pipeline finished with Success
    15 days ago
    #523612
  • Pipeline finished with Canceled
    15 days ago
    #523626
  • Pipeline finished with Canceled
    15 days ago
    #523627
  • πŸ‡ΊπŸ‡ΈUnited States bnjmnm Ann Arbor, MI
  • Pipeline finished with Success
    15 days ago
    #523641
  • πŸ‡ΊπŸ‡ΈUnited States effulgentsia

    "alpha blocker" was a typo. This is a blocker for beta.

  • First commit to issue fork.
  • πŸ‡ΊπŸ‡ΈUnited States hooroomoo
  • Pipeline finished with Canceled
    11 days ago
    #527550
  • Pipeline finished with Failed
    11 days ago
    Total: 849s
    #527551
  • πŸ‡ΊπŸ‡ΈUnited States bnjmnm Ann Arbor, MI

    Looks awesome in Chrome! But in Firefox (my default), the styling gets a little messed up

    πŸ€” I checked this out in Firefox and spotted one thing in the screenshot more (the media titles were wrapping instead of elipsising...) but I'm not entirely sure that would explain how herky jerky that screenshot was... This is how it looks for me now in FF

    If you're still having problems, would you be OK looking in the FF inspector and seeing if there are any styles (or lack of) that seem to be making the most nuisance?

  • First commit to issue fork.
  • Pipeline finished with Failed
    6 days ago
    Total: 1199s
    #530897
  • πŸ‡¬πŸ‡§United Kingdom jessebaker

    In the process of reviewing this, I worked with @callumharrod to refine some of the designs to better account for the weights fields and improve the look of the "remove" button.

    In working with him, we decided to change the media items to stack in rows instead of the 3 columns. It provides better readability, a better use of space and accounts for media items with longer file names much better.

    I've gone ahead and implemented his suggested changes in this MR. I've also given it some pretty thorough testing and a code review and it's all looking good!

    (I found one bug that is also present in 0.x - if you have a media widget on the page data side bar, pick some images and then switch to a different sidebar and come back the selected images are no longer shown).

  • Pipeline finished with Failed
    1 day ago
    Total: 4569s
    #535168
  • Pipeline finished with Failed
    1 day ago
    Total: 804s
    #535305
  • Pipeline finished with Success
    1 day ago
    Total: 1033s
    #535353
  • Pipeline finished with Skipped
    about 22 hours ago
    #535568
  • Pipeline finished with Skipped
    about 22 hours ago
    #535569
  • πŸ‡ΊπŸ‡ΈUnited States bnjmnm Ann Arbor, MI

    #9

    (I found one bug that is also present in 0.x - if you have a media widget on the page data side bar, pick some images and then switch to a different sidebar and come back the selected images are no longer shown).

    Good catch. I created πŸ› Page data form values-in-progress not retained for Media Library (and perhaps other) fields Active for this.

  • Pipeline finished with Success
    about 21 hours ago
    Total: 956s
    #535574
  • πŸ‡ΊπŸ‡ΈUnited States bnjmnm Ann Arbor, MI
  • Pipeline finished with Success
    about 6 hours ago
    Total: 628s
    #536150
  • Pipeline finished with Skipped
    about 5 hours ago
    #536179
  • πŸ‡ΊπŸ‡ΈUnited States bnjmnm Ann Arbor, MI

    @jessebaker reviewed my parts, I reviewed his and @hooroomoo did a pass as well so this is gonna go in.

Production build 0.71.5 2024