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

Fix scroll bar issues on home screen.

Browse Source 
Limit mobile drop downs to 1/3 screen height
This commit is contained in:
Connor Yoh 2025-07-21 11:20:49 +01:00
parent c553c61376
commit cba5c8e9da
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/core/src/main/resources/static/css/navbar.css
View File

@ -264,7 +264,14 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1200px) {
.scroll-lock-y {
overflow-y: auto;
max-height: 30vh;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
}
}
.dropdown-item .icon-text {
text-wrap: wrap;

2
app/core/src/main/resources/templates/fragments/navbar.html
View File

@ -163,7 +163,7 @@
<span class="material-symbols-rounded chevron-icon">expand_more</span>
</a>
<div class="dropdown-menu dropdown-menu-tp" aria-labelledby="searchDropdown">
<div class="dropdown-menu-wrapper px-xl-2 px-2 scroll-lock-y" style="max-width: 95vw !important;">
<div class="dropdown-menu-wrapper px-xl-2 px-2" style="max-width: 95vw !important;">
<form th:action="@{''}" class="d-flex p-2 search-form" id="searchForm">
<input class="form-control search-input" type="search" th:placeholder="#{navbar.search}"
aria-label="Search" id="navbarSearchInput">