aa20dbb7a6
# Description of Changes <!-- Please provide a summary of the changes, including: - What was changed - Why the change was made - Any challenges encountered Closes #(issue_number) --> --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### UI Changes (if applicable) - [ ] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR) ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing) for more details. --------- Co-authored-by: James Brunton <jbrunton96@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
28 lines
580 B
CSS
28 lines
580 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);
|
|
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;
|
|
}
|