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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user