Contrib.social

jQuery UI accordion theme issue

Open on Drupal.org →
Created on 2 January 2019, over 6 years ago
Updated 2 June 2025, 6 days ago

Issue
'Accordion title' is not inline with 'accordion header icon' on author form.
See attached file (jquery-accordion-theme-issue.jpg).

Correct behavior
'Title image' is appearing in the next line whereas 'accordion header icon' and title should appear in one line.
See right behavior in the attached file (correct-jquery-accordion-theme.jpg).

Proposed solution:
It looks following style is missing from accordion.css (web->core->assets->vendor->jquery.ui->themes->base)
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}

Versions used:
Drupal core: 8.6.4
Jquery UI : 1.12.1
PHP : 7.1

🐛 Bug report
Status

Needs work

Version

1.0

Component

Code

Created by

🇦🇺Australia amit.sharma.aust

Live updates comments and jobs are added and updated live.
  • Needs reroll

    The patch will have to be re-rolled with new suggestions/changes described in the comments in the issue.

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