haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-05 00:43:53 +00:00
Code Issues Releases Wiki Activity

improe add and move dialog ui (#6535)

Browse Source
This commit is contained in:
Aries
2024-08-13 10:21:32 +08:00
committed by GitHub
parent 991c8bf478
commit 0babffd734
3 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/file-chooser/searched-list-item.js
View File

@@ -53,10 +53,10 @@ class SearchedListItem extends React.Component {
onMouseLeave={this.onMouseLeave} onMouseLeave={this.onMouseLeave}
onDoubleClick={this.searchItemDoubleClick} onDoubleClick={this.searchItemDoubleClick}
> >
<td className="text-center"> <td className="text-center searched-item-icon">
<img className="item-img" src={fileIconUrl} alt="" width="24"/> <img className="item-img" src={fileIconUrl} alt="" width="24"/>
</td> </td>
<td> <td className='searched-item-link'>
<span className="item-link">{item.repo_name}/{item.link_content}</span> <span className="item-link">{item.repo_name}/{item.link_content}</span>
</td> </td>
</tr> </tr>

34
frontend/src/css/file-chooser.css
View File

@@ -2,7 +2,6 @@
position: relative; position: relative;
height: 20rem; height: 20rem;
border-radius: 3px; border-radius: 3px;
font-size: 1rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} }
@@ -12,7 +11,7 @@
} }
.file-chooser-item .item-active { .file-chooser-item .item-active {
background: #f2f4f6 !important; background: #f5f5f5;
border-radius: 3px; border-radius: 3px;
} }
@@ -40,7 +39,7 @@
} }
.file-chooser-item .item-info:hover { .file-chooser-item .item-info:hover {
background: #f5f5f5; background: #f0f0f0;
border-radius: 3px; border-radius: 3px;
} }
@@ -54,7 +53,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;
font-size: 16px;
line-height: 1.5; line-height: 1.5;
padding-left: 0.25rem; padding-left: 0.25rem;
overflow: hidden; overflow: hidden;
@@ -76,16 +74,32 @@
.file-chooser-search-container { .file-chooser-search-container {
position: relative; position: relative;
height: 20rem; height: 20rem;
padding: 10px; padding: 0 1rem;
overflow: auto; overflow: auto;
} }
.file-chooser-search-container td { .file-chooser-search-container td {
height: 40px;
padding: 0; padding: 0;
} }
.file-chooser-search-container td .span { .file-chooser-search-container .searched-list-item {
height: 2.5rem;
cursor: pointer;
}
.file-chooser-search-container .searched-list-item.tr-active {
background-color: #f5f5f5 !important;
}
.file-chooser-search-container .searched-item-icon {
border-radius: 3px 0 0 3px;
}
.file-chooser-search-container .searched-item-link {
border-radius: 0 3px 3px 0;
}
.file-chooser-search-container td span {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
white-space: nowrap; white-space: nowrap;
@@ -95,11 +109,7 @@
} }
.file-chooser-search-container .tr-highlight { .file-chooser-search-container .tr-highlight {
background-color: #f5f5f5; background-color: #f0f0f0;
}
.file-chooser-search-container .searched-list-item {
cursor: pointer;
} }
.file-chooser-search-input { .file-chooser-search-input {

2
frontend/src/css/lib-content-view.css
View File

@@ -293,7 +293,7 @@
.custom-modal { .custom-modal {
box-sizing: border-box; box-sizing: border-box;
font-size: 1rem; font-size: 0.875rem;
max-width: 740px; max-width: 740px;
} }