fa/breadcrumb-the-shire
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: small aside sidebar and search ui/ux changes

Browse Source
This commit is contained in:
Felix Schneider
2026-03-24 14:21:32 +01:00
parent 0c334731b2
commit 3c0821fcd7
4 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/partials/app-main-aside.phtml
View File

@@ -343,7 +343,7 @@ $moduleSearchSlots = is_array($moduleSlots['search.resource_item'] ?? null) ? $m
<div id="aside-panel-search" class="app-sidebar-panel" data-app-component="global-search" data-aside-panel="search" <div id="aside-panel-search" class="app-sidebar-panel" data-app-component="global-search" data-aside-panel="search"
data-aside-title="<?php e(t('Search')); ?>" role="tabpanel" aria-labelledby="aside-tab-search" hidden> data-aside-title="<?php e(t('Search')); ?>" role="tabpanel" aria-labelledby="aside-tab-search" hidden>
<form class="app-search" role="search"> <form class="app-search" >
<input type="search" name="side-search" id="side-search" placeholder="<?php e(t('Search...')); ?>" <input type="search" name="side-search" id="side-search" placeholder="<?php e(t('Search...')); ?>"
aria-label="<?php e(t('Search')); ?>"> aria-label="<?php e(t('Search')); ?>">
<span class="app-search-shortcut" data-search-shortcut aria-hidden="true"></span> <span class="app-search-shortcut" data-search-shortcut aria-hidden="true"></span>

3
web/css/components/app-search.css
View File

@@ -122,7 +122,8 @@ input#side-search {
height: auto; height: auto;
font-size: var(--text-sm); font-size: var(--text-sm);
padding-right: 3rem; padding-right: 3rem;
margin-bottom:0; margin-bottom: 0;
border-radius: var(--border-radius);
} }
ul.app-search-preview:has(li) { ul.app-search-preview:has(li) {

5
web/css/layout/app-sidebar.css
View File

@@ -294,4 +294,9 @@
aside.app-sidebar li.app-sidebar-group { aside.app-sidebar li.app-sidebar-group {
margin-bottom: var(--app-spacing); margin-bottom: var(--app-spacing);
} }
nav#aside-panel-bookmarks .app-empty-state {
max-width: 90%;
margin: 0 auto;
}
} }

2
web/css/pages/app-login.css
View File

@@ -619,7 +619,7 @@
} }
.login-content-container.container-small { .login-content-container.container-small {
width: min(370px, calc(100vw - 2rem)); width: min(300px, calc(100vw - 2rem));
max-width: none; max-width: none;
} }