WordPress.org

Make WordPress Core

Opened 12 months ago

Closed 12 months ago

Last modified 12 months ago

#48805 closed defect (bug) (fixed)

Large title overflow issue in responsive

Reported by: iihglobal Owned by: SergeyBiryukov
Milestone: 5.4 Priority: normal
Severity: normal Version:
Component: Media Keywords: has-patch
Focuses: ui, administration Cc:

Description

Hello,

When We have to upload with a long image file name then image title showing with overflow.

for more information see mention screenshot link.
http://www.awesomescreenshot.com/image/4373449/8494b8e79b257f2388cb53b04c054ad6

Thanks

Attachments (4)

48805.diff (408 bytes) - added by mukesh27 12 months ago.
Patch that fixed the overflow issue in responsive.
362521f2-f5f9-4c7f-57dc-3df2033d6145.png (59.3 KB) - added by SergeyBiryukov 12 months ago.
48805.2.diff (83 bytes) - added by passoniate 12 months ago.
fixed.jpg (25.0 KB) - added by passoniate 12 months ago.

Download all attachments as: .zip

Change History (10)

#1 @wpamitkumar
12 months ago

  • Keywords has-patch added

I Fixed below CSS and its working. Please use CSS word-wrap: break-word; instead of word-wrap: normal;.

Screenshot - https://prnt.sc/q2myrl

@media screen and (max-width: 782px)
.widefat * {
    word-wrap: break-word;
}

#2 @mukesh27
12 months ago

  • Component changed from Gallery to Media
  • Focuses css removed
  • Summary changed from Twenty Twenty: image title are overflow in responsive to Large title overflow issue in responsive
  • Version 5.3 deleted

Hi @iihglobal,

Welcome to WordPress Trac! Thanks for the ticket.

It seems in the responsive media query CSS will update to word-wrap: normal; and that was the issue.

@media screen and (max-width: 782px) {
  .widefat * {
    word-wrap: normal;
  }
}

@mukesh27
12 months ago

Patch that fixed the overflow issue in responsive.

#3 @SergeyBiryukov
12 months ago

  • Milestone changed from Awaiting Review to 5.4
  • Owner set to SergeyBiryukov
  • Status changed from new to reviewing

#4 @SergeyBiryukov
12 months ago

Introduced in [26134].

#5 @SergeyBiryukov
12 months ago

  • Resolution set to fixed
  • Status changed from reviewing to closed

In 46790:

Administration: Properly wrap long titles in list tables on smaller screens.

Props mukesh27, iihglobal, wpamitkumar.
Fixes #48805.

#6 @mukesh27
12 months ago

#48829 was marked as a duplicate.

@passoniate
12 months ago

@passoniate
12 months ago

Note: See TracTickets for help on using tickets.