mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-22 03:47:09 +00:00
[long name] fixup for UIs with long library/folder/file names (#5971)
* [long name] fixup for UIs with long library/folder/file names * fixed code indentation
This commit is contained in:
@@ -66,11 +66,13 @@ class LibSubFolderPermissionDialog extends React.Component {
|
||||
|
||||
render() {
|
||||
const { repoName, folderName } = this.props;
|
||||
let title = repoName ? gettext('{placeholder} Folder Permission') : gettext('Set permission of {placeholder}');
|
||||
title = title.replace('{placeholder}', '<span class="op-target text-truncate mx-1">' + Utils.HTMLescape(repoName || folderName) + '</span>');
|
||||
return (
|
||||
<div>
|
||||
<Modal isOpen={true} style={{maxWidth: '980px'}} className="share-dialog" toggle={this.props.toggleDialog}>
|
||||
<ModalHeader toggle={this.props.toggleDialog}>
|
||||
<span>{repoName ? Utils.generateDialogTitle(gettext('{placeholder} Folder Permission'), repoName) : Utils.generateDialogTitle(gettext('Set {placeholder}\'s permission'), folderName)}</span>
|
||||
<span dangerouslySetInnerHTML={{__html: title}} className="d-flex mw-100"></span>
|
||||
</ModalHeader>
|
||||
<ModalBody className="dialog-list-container share-dialog-content" role="tablist">
|
||||
{this.renderContent()}
|
||||
|
Reference in New Issue
Block a user