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;
|
z-index: 100;
|
||||||
box-shadow: var(--shadow-md);
|
box-shadow: var(--shadow-md);
|
||||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
||||||
|
overflow: visible; /* Allow tooltips to extend beyond action bar */
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-bar-content {
|
.action-bar-content {
|
||||||
@@ -18,6 +19,7 @@
|
|||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
overflow: visible; /* Allow tooltips to extend beyond content area */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Left: Site Title */
|
/* Left: Site Title */
|
||||||
@@ -474,6 +476,7 @@ iconify-icon {
|
|||||||
gap: 0;
|
gap: 0;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
overflow: visible; /* Allow tooltips to extend beyond button container */
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-buttons-right {
|
.action-buttons-right {
|
||||||
|
|||||||
Reference in New Issue
Block a user