Views UI filter form arrow positioned incorrectly in Claro

Created on 18 January 2023, over 1 year ago
Updated 26 January 2023, over 1 year ago

Problem/Motivation

The arrow aesthetic signature is mispositioned in Drupal 10, compared to Drupal 9.

Drupal 10:

Drupal 9:

Steps to reproduce

  1. Install a Drupal 10 site with Claro as the administration theme.
  2. Install Views UI module.
  3. Edit any view that has a filter requiring value configuration.
  4. Edit any filter that requires value configuration.
  5. See something similar to the above.

Proposed resolution

Rework the left and right property value of the .views-config-group-region .views-group-box--value > .form-item::after rule in core/themes/claro/css/components/views-ui.css such that the calculation in calc() does not subtract from unitless 0.

Remaining tasks

Fix!

User interface changes

The arrow aesthetic signature is repositioned.

API changes

Not applicable.

Data model changes

Not applicable.

Release notes snippet

None.

Before patch:

After patch:

🐛 Bug report
Status

Fixed

Version

10.0

Component
Claro 

Last updated about 1 hour ago

Created by

🇬🇧United Kingdom Wongjn

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.

Production build 0.69.0 2024