This is an automated email from the ASF dual-hosted git repository.
wu-sheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-horizon-ui.git
The following commit(s) were added to refs/heads/main by this push:
new 0d33b2d ui debug panel: don't cover sidebar's Admin section / logout
0d33b2d is described below
commit 0d33b2dbb8bd631bc6461c974cdc5e9cfa3e0fdf
Author: Wu Sheng <[email protected]>
AuthorDate: Sun May 17 17:49:14 2026 +0800
ui debug panel: don't cover sidebar's Admin section / logout
The bottom-fixed panel was `left: 0; right: 0;` so its 26px bar
overlaid the very bottom of the 220px sidebar — exactly where the
Admin section's last items and the sw-side-foot user/logout live.
Operator couldn't see those rows.
Pin `left: 220px` (the sidebar column width from
`packages/design-tokens/src/tokens.css` `.sw` grid template) so
the panel starts after the sidebar and only covers the main pane
bottom (which already reserves padding via `.sw-main.has-debug-panel`).
---
apps/ui/src/shell/DebugEventPanel.vue | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/apps/ui/src/shell/DebugEventPanel.vue
b/apps/ui/src/shell/DebugEventPanel.vue
index 5876850..27f858f 100644
--- a/apps/ui/src/shell/DebugEventPanel.vue
+++ b/apps/ui/src/shell/DebugEventPanel.vue
@@ -91,7 +91,11 @@ const eventCount = computed<number>(() => all.value.length);
<style scoped>
.dbg {
position: fixed;
- left: 0;
+ /* Start past the 220px sidebar so the sidebar's bottom (Admin
+ * section + sw-side-foot with user/logout) isn't covered. The
+ * sidebar already has its own scroll if its contents exceed
+ * the viewport height. */
+ left: 220px;
right: 0;
bottom: 0;
z-index: 60;
