WordPress.org

Make WordPress Core

Opened 3 years ago

Last modified 3 months ago

#37341 new defect (bug)

Improvements to the list-table.css (breaks the plugin info popup)

Reported by: tivnet Owned by:
Milestone: Priority: normal
Severity: normal Version: 4.5.3
Component: Upgrade/Install Keywords:
Focuses: Cc:
PR Number:

Description

The problem appears in the "View Details" popup with custom updater scripts when the information sections are retrieved from a 3rd party server, not from the WP-org.

For example, when plugins use WooCommerce API Manager, the sections are regular pages and they might have any markup, including headings and images.

Fix 1.
In list-tables.css:

.plugin-install-php h2 {
   clear: both;
}

forces the H2 line jumping down, after the .fyi DIV at the right.

Fix 2.
Images must not go wider than their container.

A possible fix would be adding the following rules to the list-table.css:

#section-holder .section h2 {
	clear: none;
}

#section-holder .section img {
	max-width: 100%
}

Attachments (1)

list-table-css-problems.jpg (108.0 KB) - added by tivnet 3 years ago.
Screenshot demonstrating the problem

Download all attachments as: .zip

Change History (3)

@tivnet
3 years ago

Screenshot demonstrating the problem

#1 follow-up: @DJosephDesign
3 months ago

I have this issue, too, and it seems to be the clear: both for .wrap, possibly being loaded by jQuery UI CSS.

#2 in reply to: ↑ 1 @SergeyBiryukov
3 months ago

Replying to DJosephDesign:

I have this issue, too, and it seems to be the clear: both for .wrap, possibly being loaded by jQuery UI CSS.

Welcome to WordPress Trac! The issue with clear: both for .wrap is fixed in #47561 and will be shipped with WordPress 5.2.3, planned for September 4: https://make.wordpress.org/core/2019/08/22/wordpress-5-2-3-rc-1/.

Note: See TracTickets for help on using tickets.