fix: Add overflow:visible to action bar to prevent tooltip clipping

The action-bar containers had implicit overflow clipping which prevented
custom CSS tooltips from appearing outside the 50px height limit.

Added overflow:visible to:
- .action-bar (main container)
- .action-bar-content (content wrapper)
- .action-buttons-right (button container)

This allows tooltips to properly extend beyond the action bar boundaries.
This commit is contained in:
juanatsap
2025-11-20 17:56:29 +00:00
parent dfbe45881f
commit 399ddded6c
+3
View File
@@ -7,6 +7,7 @@
z-index: 100;
box-shadow: var(--shadow-md);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
overflow: visible; /* Allow tooltips to extend beyond action bar */
}
.action-bar-content {
@@ -18,6 +19,7 @@
align-items: stretch;
gap: 2rem;
height: 50px;
overflow: visible; /* Allow tooltips to extend beyond content area */
}
/* Left: Site Title */
@@ -474,6 +476,7 @@ iconify-icon {
gap: 0;
align-items: stretch;
height: 100%;
overflow: visible; /* Allow tooltips to extend beyond button container */
}
.action-buttons-right {