Contrib.social

User interface issue in Image block type in olivero theme

Open on Drupal.org →
Created on 24 December 2022, about 2 years ago
Updated 3 March 2023, almost 2 years ago

Problem/Motivation

System Information

Drupal Version 9.5.0
PHP Version 8.1.7
Database Version 10.3.22-MariaDB-1:10.3.22+maria~stretch-log
System MariaDB

Installed themes

Olivero 9.5.0 (default theme)
Claro 9.5.0 (administration theme)

Steps to reproduce

  1. Create a new block type called Image block.
  2. Add an image type field with the label Image and system name: field_image.
  3. In the block presentation, the image will be displayed above the Body, without a label, and with an image style of Medium. The image will not be linked to anything.
  4. In the block editing form, the image will be above the Body
  5. Add a field of type Link, with the label Link and system name: field_link. The field will be limited to 3 links, and only internal links will be allowed.
  6. Both in the presentation and in the editing form, the links will be displayed below the body. The field label will not be displayed. It uses the default display format (80 character trimmed link).
  7. Create a block of type Image Block. Name of the block: Block with image.
  8. Place the block in the right column (Sidebar). The title of the block will be Block with image

Proposed resolution

We can add margin-left:0; and width of the wide-image element 100%.

Remaining tasks

We need to update CSS for this file "core/themes/olivero/css/components/wide-image.css"

User interface changes

I am getting a scrollbar at the bottom of the page.

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Closed: works as designed

Version

9.5

Component
Olivero  →

Last updated 11 days ago

Created by

🇮🇳India anoopsingh92 Rajasthan, India

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

Comments & Activities

Not all content is available!

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

  • Comment about 2 years ago →
    🇮🇳India Saman Malik

    Apply patch #8 on Drupal 9.5.x-dev
    But the patch failed to apply.

    Checking patch core/themes/olivero/css/components/wide-image.css...
error: while searching for:
  }
}

/* Ensure that image doesn't overlap sidebar. */

@media (min-width: 62.5rem) {

error: patch failed: core/themes/olivero/css/components/wide-image.css:93
error: core/themes/olivero/css/components/wide-image.css: patch does not apply
Checking patch core/themes/olivero/css/components/wide-image.pcss.css...
  • Comment about 2 years ago →
    🇮🇳India ranjith_kumar_k_u Kerala

    Re-rolled #8 for 10.1

  • Status changed to Needs work about 2 years ago
  • Comment about 2 years ago →
    needs-review-queue-bot

    The Needs Review Queue Bot → tested this issue. It no longer applies to Drupal core. Therefore, this issue status is now "Needs work".

    Apart from a re-roll or rebase, this issue may need more work to address feedback in the issue or MR comments. To progress an issue, incorporate this feedback as part of the process of updating the issue. This helps other contributors to know what is outstanding.

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

  • Status changed to Closed: works as designed almost 2 years ago
  • Comment almost 2 years ago →
    🇺🇸United States andy-blum Ohio, USA
    1. Create a new block type called Image block.

    Creating a custom block type means that you're beyond the scope of the core theme. You're welcome to clone olivero and use it as a custom theme, but this issue does not belong to a core theme, it belongs to your implementation of a core theme.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024