#47016 closed defect (bug) (fixed)
Tabs on smaller device has no white space between rows
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | 5.2 | Priority: | normal |
| Severity: | normal | Version: | |
| Component: | Administration | Keywords: | has-patch |
| Focuses: | ui, administration | Cc: |
Description
When looking at /wp-admin/about.php, /wp-admin/credits.php, /wp-admin/freedoms.php and /wp-admin/freedoms.php?privacy-notice on smaller devices the tabs are broken into two lines but there is no white space between the lines, i.e. the tabs are stuck vertically with each other.
Also, since the horizontal continuous line is not visible in smaller devices it is good to have the bottom border added to each tab.
Screenshots attached.
Attachments (5)
Change History (12)
@
2 years ago
Modified patch to use max-width: 600px since the horizontal line under tabs starts at 601px.
@
2 years ago
Please ignore 47015.2.diff. It had to be 47016.2.diff. Uploading the right one. Sorry for the confusion.
#2
@
2 years ago
- Component changed from General to Administration
- Milestone changed from Awaiting Review to 5.3
This ticket was mentioned in Slack in #core by sergey. View the logs.
2 years ago
#4
@
2 years ago
Related: #46901.
Worth noting this happens only on trunk and was introduced by the changes in [44905] / #43398 and [45243] / #46493.
I've uploaded a patch there to restore the original tabs spacing and size for smaller screens, see https://core.trac.wordpress.org/attachment/ticket/46901/46901-tabs.diff
See related comment https://core.trac.wordpress.org/ticket/46901#comment:20
Current view of the page in mobile device