saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-08-26 22:29:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

dropdown fixes

Browse Source
This commit is contained in:
Reece 2025-07-05 12:41:19 +01:00
parent 446a309450
commit e5bf38c175
2 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
stirling-pdf/src/main/resources/static/css/navbar.css
View File

@ -384,19 +384,7 @@ html[dir="rtl"] .dropdown-menu {
right: auto;
}
html[dir="ltr"] .dropdown-menu[data-bs-popper] {
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;
}
/* Bootstrap Popper positioning overrides removed - dropdowns now position naturally relative to their buttons */
.dropdown-menu-wrapper {
padding: 1.5rem 0;

11
stirling-pdf/src/main/resources/templates/fragments/common.html
View File

@ -85,7 +85,16 @@
const dropdowns = document.querySelectorAll('.dropdown-menu');
dropdowns.forEach(dropdown => {
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);