dosubot[bot] commented on issue #36795: URL: https://github.com/apache/superset/issues/36795#issuecomment-3682382266
<!-- Answer --> This alignment issue with the three-dot menu button is a known UI inconsistency that becomes visible when a custom theme sets a non-transparent `linkHoverBg`. The root cause is the lack of right padding when the hover background is visible, which pushes the icon to the edge. There are open pull requests aiming to standardize and fix the styling and alignment of these menu buttons across Superset, including consistent margins, padding, and icon alignment, but these are not yet merged into the main codebase ([PR #36330](https://github.com/apache/superset/pull/36330), [PR #36671](https://github.com/apache/superset/pull/36671)). A recommended approach is to ensure the menu button component always includes appropriate horizontal padding, regardless of the theme or background, and to avoid using `buttonStyle="link"` if it causes semantic or layout issues. As a temporary workaround, you can add a custom CSS override to restore right padding for the menu button when a non-transparent `linkHoverBg` is set. For a more robust fix, keep an eye on the progress of the referenced PRs, which will unify and correct these inconsistencies once merged. <!-- Dosu Comment Footer --> *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).* --- <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/86878f4a-740d-41b4-baa6-c49cbb60dc7a?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/86878f4a-740d-41b4-baa6-c49cbb60dc7a?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/86878f4a-740d-41b4-baa6-c49cbb60dc7a?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/86878f4a-740d-41b4-baa6-c49cbb60dc7a?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/86878f4a-740d-41b4-baa6-c49cbb60dc7a?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/86878f4a-740d-41b4-baa6-c49cbb60dc7a?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/86878f4a-740d-41b4-baa6-c49cbb60dc7a?feedback_type=other)</sup> [](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github) [](https://cursor.com/link/prompt?text=This%20alignment%20issue%20with%20the%20three-dot%20menu%20button%20is%20a%20known%20UI%20inconsistency%20that%20becomes%20visible%20when%20a%20custom%20theme%20sets%20a%20non-transparent%20%60linkHoverBg%60.%20The%20root%20cause%20is%20the%20lack%20of%20right%20padding%20when%20the%20hover%20background%20is%20visible%2C%20which%20pushes%20the%20icon%20to%20the%20edge.%20There%20are%20open%20pull%20requests%20aiming%20to%20standardize%20and%20fix%20the%20styling%20and%20alignment%20of%20these%20menu%20buttons%20across%20Superset%2C%20including%20consistent%20margins%2C%20padding%2C%20and%20icon%20alignment%2C%20but%20these%20are%20not%20yet%20merged%20into%20the%20main%20codebase%20%28%5BPR%20%2336330%5D%28https%3A//github.com/apache/superset/pull/ 36330%29%2C%20%5BPR%20%2336671%5D%28https%3A//github.com/apache/superset/pull/36671%29%29.%0A%0AA%20recommended%20approach%20is%20to%20ensure%20the%20menu%20button%20component%20always%20includes%20appropriate%20horizontal%20padding%2C%20regardless%20of%20the%20theme%20or%20background%2C%20and%20to%20avoid%20using%20%60buttonStyle%3D%22link%22%60%20if%20it%20causes%20semantic%20or%20layout%20issues.%20As%20a%20temporary%20workaround%2C%20you%20can%20add%20a%20custom%20CSS%20override%20to%20restore%20right%20padding%20for%20the%20menu%20button%20when%20a%20non-transparent%20%60linkHoverBg%60%20is%20set.%20For%20a%20more%20robust%20fix%2C%20keep%20an%20eye%20on%20the%20progress%20of%20the%20referenced%20PRs%2C%20which%20will%20unify%20and%20correct%20these%20inconsistencies%20once%20merged.) [](https://go.dosu.dev/discord-bot) [](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/issues/36795) -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
