Apply more aggressive CSS rules when inlining fields

Created on 9 March 2025, 28 days ago

Problem/Motivation

When there is a structure like

<div class="link--inline-field">
      <div class="field--items">
    <div class="field--item"><i class="fab fa-drupal fa-fw"></i>
  </div>
 </div>
</div>

<div class="link--inline-field">
      <div class="field--items">
    <div class="field--item">Link title</div>
  </div>
</div>

The divs inside the "link--inline-field" are not inlined resulting in a non-inline arrangement.

Steps to reproduce

Create a display that has two text fields with that arrangement from above

Proposed resolution

Apply "display: inline;" also to the inner divs

Remaining tasks

Code

🐛 Bug report

Status

Active

Version

1.0

Component

Code

Created by

🇪🇸Spain rodrigoaguilera Barcelona

Live updates comments and jobs are added and updated live.

Merge Requests

!2Apply more aggressive CSS rules when inlining fields
Open
🇪🇸Spain rodrigoaguilera
updated 28 days ago

Comments & Activities

Issue created by @rodrigoaguilera
Merge request !2Issue #3511858: Apply more aggressive CSS rules when inlining fields → (Open) created by rodrigoaguilera
Comment 28 days ago →
🇪🇸Spain rodrigoaguilera Barcelona

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024