Contrib.social

Filter tips "ul.tips li" uses a too broad selector

Open on Drupal.org →
Created on 24 July 2017, almost 8 years ago
Updated 1 June 2025, about 1 month ago

Problem

Expected: A list item in a filter tip is rendered with normal margins.

Actual: The forms.css stylesheet from the administration theme (Seven) adds a margin to the inline list items, which renders them very far apart.

The problem can be traced to this CSS rule:

ul.tips li {
  margin: 0.25em 0 0.25em 1.5em; /* LTR */
}
[dir="rtl"] ul.tips li {
  margin: 0.25em 1.5em 0.25em 0;
}

Example:

Reproduction

Simplest is to navigate to /filter/tips on a standard install with the 7 theme set as default.

Solution

The correct selector to use here would be ul.tips > li, to apply the style only to the actual tips list, rather than lists nested inside it.
Fixed:

🐛 Bug report
Status

RTBC

Version

1.0

Component

Code

Created by

🇨🇭Switzerland cburschka

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.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024