griffithlab / civic-v2

CIViC is an open access, open source, community-driven web resource for Clinical Interpretation of Variants in Cancer
https://civicdb.org
MIT License
19 stars 5 forks source link

display issue with the phenotype table #1060

Closed ahwagner closed 4 months ago

ahwagner commented 4 months ago

The evidence and assertion count values do not align with the column header boundaries in the phenotype table:

image

susannasiebert commented 4 months ago

Which browser are you using? I'm unable to replicate this on Chrome Version 124.0.6367.119. The space on the right is where the vertical scroll bar should be. This appears to be missing in your screenshot so the table values align to fill the space. Does the scrollbar appear for you in other tables?

Edit to add: I was able to replicate this issue by applying a filter to the phenotype table to reduce the number of entries shown so that no scrollbar is rendered. This seems to be a general problem on all tables throughout the site when the number of entries in a table fit in the available space (no scrollbar is rendered).

susannasiebert commented 4 months ago

After chatting with @jmcmichael this might be a side effect of having scrollbars always turned on in your system settings. Josh isn't able to replicate this issue on his mac, where his scrollbar settings are "Automatically based on mouse or trackpad".

jmcmichael commented 4 months ago

In macOS, one may toggle scrollbar options in System Settings / Appearance / Show scroll bars.

susannasiebert commented 4 months ago

Since this is not a bug, per se, but a limitation of the ng-zorro component library we are using in combination with a specific user system setting, there isn't really anything we can do on our end to address this short of using a different component library. Closing this issue as "wontfix".

jmcmichael commented 4 months ago

I believe this open issue is what we are seeing.