mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-07-23 21:55:21 +00:00
dropdown fixes (#3879)
# 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/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/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/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/DeveloperGuide.md#6-testing) for more details. --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
parent
446a309450
commit
b4a7b5d520
@ -384,19 +384,7 @@ html[dir="rtl"] .dropdown-menu {
|
|||||||
right: auto;
|
right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[dir="ltr"] .dropdown-menu[data-bs-popper] {
|
/* Bootstrap Popper positioning overrides removed - dropdowns now position naturally relative to their buttons */
|
||||||
top: auto;
|
|
||||||
left: auto;
|
|
||||||
right: 0;
|
|
||||||
margin-top: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
html[dir="rtl"] .dropdown-menu[data-bs-popper] {
|
|
||||||
top: auto;
|
|
||||||
left: 0;
|
|
||||||
right: auto;
|
|
||||||
margin-top: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu-wrapper {
|
.dropdown-menu-wrapper {
|
||||||
padding: 1.5rem 0;
|
padding: 1.5rem 0;
|
||||||
|
@ -85,7 +85,16 @@
|
|||||||
const dropdowns = document.querySelectorAll('.dropdown-menu');
|
const dropdowns = document.querySelectorAll('.dropdown-menu');
|
||||||
dropdowns.forEach(dropdown => {
|
dropdowns.forEach(dropdown => {
|
||||||
dropdown.style.transform = `scale(${dropdownScale})`;
|
dropdown.style.transform = `scale(${dropdownScale})`;
|
||||||
dropdown.style.transformOrigin = 'top center';
|
|
||||||
|
// Use different transform origins based on dropdown position
|
||||||
|
const parentItem = dropdown.closest('.nav-item');
|
||||||
|
const navbar = dropdown.closest('.navbar-nav');
|
||||||
|
|
||||||
|
// Check if this is a right-aligned dropdown (language, favorites, search, etc.)
|
||||||
|
const isRightAligned = navbar && navbar.classList.contains('flex-nowrap') &&
|
||||||
|
!parentItem?.closest('.dropdown-mega');
|
||||||
|
|
||||||
|
dropdown.style.transformOrigin = isRightAligned ? 'top right' : 'top left';
|
||||||
});
|
});
|
||||||
|
|
||||||
console.log('Applied dropdown scale:', dropdownScale);
|
console.log('Applied dropdown scale:', dropdownScale);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user