Make WordPress Core

Opened 6 years ago

Last modified 10 months ago

#44854 new defect (bug)

Bulk action missing/hidden on taxonomies

Reported by: poojasahgal's profile poojasahgal Owned by:
Milestone: Awaiting Review Priority: normal
Severity: minor Version: 3.8
Component: Taxonomy Keywords: ui-feedback has-patch
Focuses: ui, css, administration Cc:

Description

I have found this issue on mobile. When I go to taxonomies like category/tags the bulk action on top of the table is missing. After inspecting it I found that it is getting hidden using CSS. We can make it visible there because if someone wants to bulk delete then they have to select from top and then have to scroll down to do so. Just because it is hidden using CSS still there are CSS rules putting margins and all there.

For this we have to remove this css only:

@media screen and (max-width: 782px){
.form-wrap>p, .tablenav .view-switch, .tablenav.top .actions, .tablenav.top .displaying-num, .tablenav.top .tablenav-pages.one-page {
    display: none;
}
}

This will explain what I want to say : https://screencast-o-matic.com/watch/cFju1nqupU

Also here I am seeing that search box is at bottom we can put it just before the table.

Attachments (3)

44854.patch (293 bytes) - added by mukesh27 6 years ago.
Try this patch.
without CSS.png (65.3 KB) - added by poojasahgal 10 months ago.
after CSS.png (70.8 KB) - added by poojasahgal 10 months ago.

Download all attachments as: .zip

Change History (9)

@mukesh27
6 years ago

Try this patch.

#1 @mukesh27
6 years ago

  • Keywords has-patch added
  • Severity changed from normal to minor

#2 @SergeyBiryukov
6 years ago

  • Version changed from 4.9.8 to 3.8

Introduced in [26134].

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


5 years ago

#4 @mapk
5 years ago

Can someone provide a visual of what the patch does? I'd love to be able to provide some UI feedback without having to download a patch. Thank you!

This ticket was mentioned in Slack in #design by chaion07. View the logs.


3 years ago

#6 @poojasahgal
10 months ago

  • Focuses css added

The below CSS can help, it will also work for post types.

@media only screen and (max-width: 782px){
.form-wrap>p, .tablenav .view-switch, .tablenav.top .actions, .tablenav.top .displaying-num, .tablenav.top .tablenav-pages.one-page {
    display: block;
}
.tablenav.top span.displaying-num {
        position: absolute;
        right: 0;
        margin: 0;
        font-size: 14px;
}
    .tablenav.top {
    position: relative;
}
}

Images:


Note: See TracTickets for help on using tickets.