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

search view by react (#3403)

Browse Source 
* search results react

* adjust style

* adjust style

* update
This commit is contained in:
sniper-py
2019-05-11 22:43:54 +08:00
committed by Daniel Pan
parent 0a232cebff
commit 4539dd88e6
7 changed files with 832 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -97,6 +97,82 @@
font-weight: bold;
}
.main-panel-south {
flex: auto;
overflow: auto;
height: calc(100% - 50px);
}
.search-page {
margin: 30px auto;
width: 65%;
}
.search-page .search-result-container {
border-radius: 0;
box-shadow: none;
}
.search-page .search-page-container {
padding: 10px;
background: #f7f7f8;
}
.search-page .search-page-container .search-input {
padding-left: 0.5rem;
width: 30rem;
}
.search-page .search-page-container .fa-angle-double-up,
.search-page .search-page-container .fa-angle-double-down {
font-size: 1rem;
}
.search-page .advanced-search .search-file-types .search-input {
padding-left: 0.5rem;
width: 30rem;
max-width: 100%;
}
.search-page .search-page-container .search-icon-right {
left: 28rem;
}
.search-page .paginator {
text-align: center;
margin: 1rem 0;
}
.search-page .advanced-search, .search-page .search-filters {
color: #747474;
}
.search-page .search-filters {
padding: 10px 10px 0;
}
.search-page .advanced-search .search-repo,
.search-page .advanced-search .search-file-types {
padding: 5px 0;
}
.search-file-types .search-file-types-form {
top: 10px;
}
.search-page .advanced-search .search-catalog {
margin: 0 10px;
border-top: 1px dashed #e2e2e2;
padding: 10px 0;
}
.search-page .advanced-search .search-catalog:first-child {
border: none;
}
.search-page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #3B88FD;
}
.search-date .ant-input {
height: 2.375rem;
padding: 0.375rem 0.75rem;
line-height: 1.6;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.search-date .select-data-icon {
position: absolute;
right: 1.5rem;
top: 0.5rem;
color: #b2b2b2;
}
@media (max-width: 767px) {
.common-toolbar .search {
margin: 0;
@@ -137,4 +213,26 @@
left: auto;
width: 20rem;
}
.search-page {
margin: 0;
width: 100%;
height: 100%;
}
.search-page .search-page-container .search-input {
box-shadow: none;
width: 95% !important;
}
.search-page .search-page-container .search-icon-right {
left: 85%;
}
.search-page .search-result-container {
top: 0;
left: 0;
width: 100%;
padding: 10px;
}
}