mirror of
https://github.com/Frooodle/Stirling-PDF.git
synced 2025-12-18 20:04:17 +01:00
bcd7762594
Replace kebab menu in file editor with on hover menu by refactoring page editor's menu into a new component. In mobile sizes, the hover menus are always visible.
29 lines
595 B
CSS
29 lines
595 B
CSS
/* Base Hover Menu */
|
|
.hoverMenu {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
display: flex;
|
|
gap: 8px;
|
|
align-items: center;
|
|
background: var(--bg-toolbar);
|
|
border: 1px solid var(--border-default);
|
|
padding: 6px 12px;
|
|
border-radius: 20px;
|
|
box-shadow: var(--shadow-md);
|
|
z-index: 30;
|
|
white-space: nowrap;
|
|
pointer-events: auto;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
/* Inside positioning (Page Editor style) - within container */
|
|
.inside {
|
|
bottom: 8px;
|
|
}
|
|
|
|
/* Outside positioning (File Editor style) - below container */
|
|
.outside {
|
|
bottom: -8px;
|
|
}
|