- Issue created by @tgauges
- Merge request !24#3415271: Styling problem in Claro inside Paragraphs widget → (Open) created by tgauges
- Issue was unassigned.
- Status changed to Needs review
10 months ago 2:01pm 17 January 2024
I recently applied the fix in #2960456 ✨ Deal with multiple vocabularies Needs review to my installation and chose to display multiple vocabularies as separate widgets.
This causes styling issues when used inside a paragraphs widget in Claro because this theme has a special case for <details>-elements inside <td>-elements:
#3300941 →
.
The root cause is the following style of this module:
.field--widget-term-reference-tree .form-item {
display: inline-block;
}
I can't read up the reasoning for this style because it is part of the initial commit. But my best guess is that it is meant for the tree items, because apart from the <fieldset>-element, those are the only ones I can find when querying this selector.
And it also applying to the <fieldset>-element is the exact reason for my styling issue.
Change the existing style to
.term-reference-tree-level .form-item {
display: inline-block;
}
applying to the same elements except the <fieldset>-element.
Needs review
2.0
User interface