Tooltips, such as those provided on webform admin pages, are not fully visible in the Thunder theme, because they're absolutely positioned, with a transparent background.

For example:

See the equivalent element in the seven theme:

Or in a basic classy subtheme:

CommentFileSizeAuthor
#2 tooltip_classy.png41.43 KBmalcomio
tooltips_seven.png205.4 KBmalcomio
tooltips_thunder.png213.92 KBmalcomio

Comments

malcomio created an issue. See original summary.

malcomio’s picture

malcomio commented
Issue summary: View changes
StatusFileSize
new tooltip_classy.png41.43 KB
malcomio’s picture

malcomio commented

This is happening because thunder_admin.info.yml removes the jquery.ui base theme CSS, in the libraries-override section.

  core/jquery.ui:
    css:
      theme:
        assets/vendor/jquery.ui/themes/base/theme.css: false
malcomio’s picture

malcomio commented

Not sure if this issue queue is the right place for this.

In /core/themes/seven/css/components/jquery.ui/theme.css, background:none is set on .ui-widget

The webform module defines a webform.theme.seven library (setting a background on tooltips with .ui-tooltip.ui-widget), but this is not being loaded when the admin theme is thunder.

The question for me is, why does seven set that background style?

malcomio’s picture

malcomio commented

seems like the background:none in seven was added as part of #2113911: Modal style update, which refers to modals, but removing that style from seven doesn't seem to have much effect.

volkerk’s picture

volkerk commented
Status: Active » Needs review
Related issues: +#2113911: Modal style update

https://github.com/BurdaMagazinOrg/theme-thunder-admin/pull/116

  • daniel.bosen committed 41662aa on 8.x-2.x authored by volkerk 
    Issue #2937349 by malcomio, volkerk: Tooltips have a transparent...
daniel.bosen’s picture

daniel.bosen
he/him
commented
Status: Needs review » Fixed

Looks nice, thank you!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.