haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-04-28 03:10:45 +00:00
Code Issues Releases Wiki Activity

['library folder permission' dialog] redesigned the 'add folder' panel (#7613)

Browse Source 
- added a title, a 'back' icon, and a 'submit' button to the top
- removed the 'cancel' & 'submit' buttons in the bottom
- added gaps above & below the search input
This commit is contained in:
llj 2025-03-14 17:35:41 +08:00 committed by GitHub
parent 94553e0ef1
commit f46070e76d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/dialog/lib-sub-folder-set-group-permission-dialog.js
View File

@ -279,18 +279,21 @@ class LibSubFolderSetGroupPermissionDialog extends React.Component {
if (this.state.showFileChooser) {
return (
<div>
<>
<div className="d-flex align-items-center justify-content-between pb-2 border-bottom">
<h6 className="font-weight-normal m-0">
<button className="sf3-font sf3-font-arrow rotate-180 d-inline-block back-icon border-0 bg-transparent text-secondary p-0 mr-2" onClick={this.toggleFileChooser} title={gettext('Back')} aria-label={gettext('Back')}></button>
{gettext('Add Folder')}
</h6>
<Button color="primary" size="sm" outline={true} onClick={this.handleSubmit}>{gettext('Submit')}</Button>
</div>
<FileChooser
repoID={this.props.repoID}
mode={'only_current_library'}
onDirentItemClick={this.toggleSubFolder}
onRepoItemClick={this.onRepoItemClick}
/>
<div className="modal-footer">
<Button color="secondary" onClick={this.toggleFileChooser}>{gettext('Cancel')}</Button>
<Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
</div>
</div>
</>
);
}

15
frontend/src/components/dialog/lib-sub-folder-set-user-permission-dialog.js
View File

@ -242,18 +242,21 @@ class LibSubFolderSetUserPermissionDialog extends React.Component {
if (this.state.showFileChooser) {
return (
<div>
<>
<div className="d-flex align-items-center justify-content-between pb-2 border-bottom">
<h6 className="font-weight-normal m-0">
<button className="sf3-font sf3-font-arrow rotate-180 d-inline-block back-icon border-0 bg-transparent text-secondary p-0 mr-2" onClick={this.toggleFileChooser} title={gettext('Back')} aria-label={gettext('Back')}></button>
{gettext('Add Folder')}
</h6>
<Button color="primary" size="sm" outline={true} onClick={this.handleFileChooserSubmit}>{gettext('Submit')}</Button>
</div>
<FileChooser
repoID={this.props.repoID}
mode={'only_current_library'}
onDirentItemClick={this.toggleSubFolder}
onRepoItemClick={this.onRepoItemClick}
/>
<div className="modal-footer">
<Button color="secondary" onClick={this.toggleFileChooser}>{gettext('Cancel')}</Button>
<Button color="primary" onClick={this.handleFileChooserSubmit}>{gettext('Submit')}</Button>
</div>
</div>
</>
);
}

2
frontend/src/components/file-chooser/index.js
View File

@ -448,7 +448,7 @@ class FileChooser extends React.Component {
return (
<>
{(isPro && mode !== 'recently_used') && (
<div className="file-chooser-search-input">
<div className="file-chooser-search-input py-4">
<Input className="search-input" placeholder={gettext('Search')} type='text' value={searchInfo} onChange={this.onSearchInfoChanged}></Input>
{searchInfo.length !== 0 && (
<span className="search-control attr-action-icon sf3-font sf3-font-x-01" onClick={this.onCloseSearching}></span>