User's image in comments overlaps with Layout Builder section

Created on 26 April 2021, over 3 years ago
Updated 26 July 2024, 3 months ago

Problem/Motivation

After posting a comments on a page, the profile image associated with the user is overlapping with Layout Builder section.

Steps to reproduce

  1. Make Olivero the default theme in Appearance.
  2. Enable Layout Builder module in Extend.
  3. Create an Article page with comments.
  4. Go to Home > Administration > Structure > Content types > Article
  5. Under Manage Display tab go to Layout options
  6. Check Use Layout Builder and Allow each content item to have its layout customized. then save.
  7. Go to the Article page and click on the Layout tab.
  8. Scroll down to the comments section.
  9. Result: You will see the user's circular image overlapping with the Layout Builder section.
  10. Expected: User's image should be aligned correctly within the comment.

Please refer to the video attached.

Proposed resolution

TBA

Remaining tasks

Confirm that #72 is complete

User interface changes

Introduced terminology

API changes

See images in #83

Data model changes

Release notes snippet

๐Ÿ› Bug report
Status

Closed: works as designed

Version

11.0 ๐Ÿ”ฅ

Component
Oliveroย  โ†’

Last updated about 11 hours ago

Created by

๐Ÿ‡ฎ๐Ÿ‡ณIndia tushar_sachdeva

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 dsandhya

    I have created this patch for 10.1.x-dev and its working fine. Please verify.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia jaydeep_patel Ahmedabad

    jaydeep.jdb@gmail.com โ†’ made their first commit to this issueโ€™s fork.

  • Pipeline finished with Failed
    4 months ago
    Total: 173s
    #214744
  • Status changed to Needs review 4 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia jaydeep_patel Ahmedabad

    User's profile image in comments section overlaps with in Article has been fixed. Please review. Thanks !!!

  • Status changed to Needs work 4 months ago
  • The Needs Review Queue Bot โ†’ tested this issue. It fails the Drupal core commit checks. Therefore, this issue status is now "Needs work".

    This does not mean that the patch necessarily needs to be re-rolled or the MR rebased. Read the Issue Summary, the issue tags and the latest discussion here to determine what needs to be done.

    Consult the Drupal Contributor Guide โ†’ to find step-by-step guides for working with issues.

  • Status changed to Needs review 3 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia jaydeep_patel Ahmedabad

    comments.pcss.css has been updated and User's profile image in comments overlaps with Layout Builder section issue has been resolved

  • Pipeline finished with Success
    3 months ago
    Total: 550s
    #216381
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Kanchan Bhogade

    I've tested MR 8645 on Drupal 11.x
    The MR is applied cleanly...

    Test Result:
    The User's image in the comments overlaps with the Layout Builder section issue is resolved and visually looks good.
    Also, the Non-Layout UI looks good.

    Attaching Scrrenshots

    RTBC+1

  • Status changed to RTBC 3 months ago
  • ๐Ÿ‡ณ๐Ÿ‡ฟNew Zealand quietone

    I read the issue summary, which is incomplete, there is no proposed resolution. And as, an issue that affects the UI there should be screenshots available from the issue summary. I am restoring the template and will update as I continue. Thanks you to andregp for summarizing the relevant changes and what comments have been addressed.

    I think everything has been addressed here, but worth checking that #72 ๐Ÿ› User's image in comments overlaps with Layout Builder section RTBC is complete. Also an Olivero maintainer commented in #72 that they are "indifferent" about this being changed.

    Leaving at RTBC

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia gauravvvv Delhi, India

    Updated attributions

  • Status changed to Closed: works as designed 3 months ago
  • ๐Ÿ‡ซ๐Ÿ‡ทFrance nod_ Lille

    I reviewed the issue and all the different solutions change the design of the comment section one way or another. Changing the design of the comment section is not in the scope of this issue.

    The issue is that inside the LB UI the icon is outside the LB section. This is by design that the picture is out of the normal flow of the page, it makes sense that it is also out of the flow of the LB interface. If we make it fit inside the LB the preview would not be accurate anymore.

    Moving the comment element to the right to avoid this, but it breaks the intended design of the page. If the overlap is problematic it's always possible to disable the content preview with the checkbox on top of LB UI. Because we do not want to change the design of the comment and there is a solution to avoid this I'm closing this as works as designed.

    Thanks to everyone who worked on this over the years. I wish we caught this one earlier to avoid spending so much time on this.

Production build 0.71.5 2024