Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

GUI: Little improvement for list of tables #16864

Closed
Daijobou opened this issue Apr 28, 2021 · 5 comments
Closed

GUI: Little improvement for list of tables #16864

Daijobou opened this issue Apr 28, 2021 · 5 comments
Assignees
Labels
Bug A problem or regression with an existing feature good first issue help wanted newbie ui Issues relating to the user interface
Projects
Milestone

Comments

@Daijobou
Copy link

Daijobou commented Apr 28, 2021

See PhpMyAdmin version 5.1.0 in Plesk Obsidian with a single database and many tables.
image

The last table is not good to read or select. I have this issue in Chrome. This happens when the horizontal scrollbar is displayed. The scroll bar is in the lowest position.

@williamdes williamdes added Bug A problem or regression with an existing feature good first issue help wanted newbie ui Issues relating to the user interface labels Apr 28, 2021
@williamdes williamdes added this to Needs triage in issues via automation Apr 28, 2021
@williamdes williamdes moved this from Needs triage to Reproduced in issues Apr 28, 2021
@Harshit-Mishra12
Copy link

Harshit-Mishra12 commented May 6, 2021

try this...use margin bottom style in table tag...style=" margin-bottom: 20px;"

@zachweix
Copy link

I think the way to handle this, and in general my suggestion is as follows: The table should be in a div element so that scrolling horizontally or vertically does not move the page, but just the table like the "Fixed Header Table" on https://adminlte.io/themes/v3/pages/tables/simple.html
If you make your window narrow you'll see the horizontal scroll

@williamdes
Copy link
Member

I can not really confirm the issue but I agree there is not all the space needed when a scroll bar pops out

Can someone confirm that changing

li.last.database {
  margin-bottom: 15px !important;
}

to

li.last.database {
  margin-bottom: 25px !important;
}

Makes it better ?
(try changing in your browser)

you can search for #pma_navigation_tree_content>ul>li.last.database in the browser dom inspector

@williamdes
Copy link
Member

Last time it was reported as #14898 fixed by #15442

@williamdes williamdes self-assigned this Jul 14, 2021
@williamdes williamdes added this to the 5.1.2 milestone Jul 14, 2021
williamdes added a commit that referenced this issue Jul 14, 2021
Signed-off-by: William Desportes <williamdes@wdes.fr>
@williamdes
Copy link
Member

This is how it looks after my fix

Bootstrap theme was really affected by this issue, not the other ones but I synced the rule across all themes anyway

image
image

issues automation moved this from Reproduced to Closed Jul 14, 2021
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jul 15, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug A problem or regression with an existing feature good first issue help wanted newbie ui Issues relating to the user interface
Projects
issues
  
Closed
Development

No branches or pull requests

4 participants