haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-26 07:22:34 +00:00
Code Issues Releases Wiki Activity

Feature/sidepanel in search result (#7844)

Browse Source 
* show sidepanel in search result

* show metadata details

* show library details

* optimize

* optimize

* optimize

---------

Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries
2025-05-28 21:29:46 +08:00
committed by GitHub
parent 1ef68b2a9c
commit 9f64c3ab8f
24 changed files with 364 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/css/search.css
View File

@@ -22,7 +22,7 @@
box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
background-color: #fff;
cursor: default;
width: 600px;
width: 700px;
padding: 16px 0;
}
@@ -112,8 +112,6 @@
}
.dropdown-search-result-container {
max-height: 300px;
overflow: auto;
position: relative;
top: 0;
box-shadow: none;
@@ -134,6 +132,9 @@
.search-result-container .search-result-list-container {
max-height: 400px;
display: flex;
flex-direction: column;
overflow: auto;
scrollbar-color: #C1C1C1 rgba(0, 0, 0, 0);
flex: 1;
@@ -149,11 +150,28 @@
border-radius: 4px;
}
.search-result-container .search-result-item:hover,
.search-result-container .search-result-item.search-result-item-highlight {
background-color: #f0f0f0;
}
.search-result-container .search-result-container-sidepanel {
max-width: 300px;
max-height: 400px;
}
.search-result-container .search-result-container-sidepanel .searched-item-details {
height: 100%;
overflow: auto;
}
.search-result-container .sf-metadata-status-loading-container {
width: 300px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.search-result-item .item-img {
width: 36px;
height: 36px;