Bug: TableCounter component hidden in left pane
Self Checks
- [x] This is only for bug report, if you would like to ask a question, please head to Discussions.
- [x] I have searched for existing issues search for existing issues, including closed ones.
Version Type
Web Version (liambx.com)
Steps to reproduce
- Open any ERD in the web application
- Look at the left pane
- Notice that the TableCounter component is hidden/obscured
Expected Behavior
The TableCounter component in the left pane should be fully visible, showing the table count information (visible tables / total tables).
Actual Behavior
The TableCounter component in the left pane is hidden or partially obscured, preventing users from seeing the table count information.
Additional Context
From the screenshot, it appears the left pane styling has an issue where the TableCounter component at the path @frontend/packages/erd-core/src/features/erd/components/ERDRenderer/LeftPane/TableCounter/TableCounter.tsx isn't properly displayed.
The CSS styles in TableCounter.module.css look correct, but there might be an issue with the container or parent element styling that's causing the component to be cut off or hidden.
Possible fixes:
- Check the parent container's width/overflow properties
- Review z-index values if layering is causing the issue
- Adjust padding/margin in the left pane container to accommodate the component
@khiroshi-win Hi, is this still unassigned?
I already working on this ticket. but I am working on this ticket as well. in this ticket team asked me to update the Table Counter. So I think if i fix this ticket, then current bug will be solve as well.
ref:https://github.com/liam-hq/liam/pull/1678#issuecomment-2899703729