[wp-trac] [WordPress Trac] #64086: Enqueing problem affects word-wrap in admin panel

[WordPress Trac]

#64086: Enqueing problem affects word-wrap in admin panel
----------------------------+------------------------
 Reporter:  chatlit         |       Owner:  (none)
     Type:  defect (bug)    |      Status:  closed
 Priority:  normal          |   Milestone:
Component:  Administration  |     Version:
 Severity:  normal          |  Resolution:  duplicate
 Keywords:                  |     Focuses:  css
----------------------------+------------------------
Changes (by sabernhardt):

 * status:  new => closed
 * version:  6.8.3 =>
 * milestone:  Awaiting Review =>
 * keywords:  needs-patch =>
 * resolution:   => duplicate


Old description:

> I wish to report a bug.
>
> I'm on this screen (for the Events Calendar plugin):
>
> https://chathamliteracy.org/wp-admin/edit.php?post_type=tribe_events
>
> There is a style:
>
> .widefat * {
> word-wrap: break-word;
> }
>
> That is causing the title of my events to break after every single
> letter, making the first column where the title is completely unreadable.
> It's coming from this file:
>
> https://chathamliteracy.org/wp-admin/css/common.min.css?ver=6.8.3
>
> I was able to override it via enqueing:
>
> function enqueue_custom_override_styles() {
> wp_enqueue_style(
> 'custom-overrides', // unique handle for your stylesheet
> get_stylesheet_directory_uri() . '/tribe-events.css', // path to your CSS
> file
> array(), // dependencies
> '1.0' // version number
> );
> }
> add_action('wp_enqueue_scripts', 'enqueue_custom_override_styles'); //
> for front end
> add_action('admin_enqueue_scripts', 'enqueue_custom_override_styles'); //
> for admin area (if needed)
>

> My CSS in tribe-events.css:
>
> .post-type-tribe_events .widefat * {
> word-wrap: normal !important;
> }

New description:

 I wish to report a bug.

 I'm on this screen (for the Events Calendar plugin):

 `https://example.org/wp-admin/edit.php?post_type=tribe_events`

 There is a style:
 {{{
 .widefat * {
 word-wrap: break-word;
 }
 }}}

 That is causing the title of my events to break after every single letter,
 making the first column where the title is completely unreadable. It's
 coming from this file:

 `https://example.org/wp-admin/css/common.min.css?ver=6.8.3`

 I was able to override it via enqueing:
 {{{
 function enqueue_custom_override_styles() {
 wp_enqueue_style(
 'custom-overrides', // unique handle for your stylesheet
 get_stylesheet_directory_uri() . '/tribe-events.css', // path to your CSS
 file
 array(), // dependencies
 '1.0' // version number
 );
 }
 add_action('wp_enqueue_scripts', 'enqueue_custom_override_styles'); // for
 front end
 add_action('admin_enqueue_scripts', 'enqueue_custom_override_styles'); //
 for admin area (if needed)
 }}}

 My CSS in `tribe-events.css`:
 {{{
 .post-type-tribe_events .widefat * {
 word-wrap: normal !important;
 }
 }}}

--

Comment:

 Hi and welcome to WordPress Core Trac!

 If you change `word-wrap` to `normal`, contents of the Title column (and
 other columns) can overlap the next column. The real problem is that the
 Title column is too narrow with 13 columns when the screen or window is
 that wide. For now, you could go to Screen Options at the top and uncheck
 any columns you do not need.

 I'll close the ticket as a duplicate of #52151.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64086#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform