haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 19:08:21 +00:00
Code Issues Releases Wiki Activity

improved dialogs (#4505)

Browse Source 
* improved dialogs

* redesigned 'share' dialog and 'folder permission' dialog for mobile
* improved 'API token' dialog

* [dialogs] modification for mobile

* [dialogs] improvement & bugfix
This commit is contained in:
llj
2020-04-04 14:32:11 +08:00
committed by GitHub
parent ab1babef38
commit 2796c7a648
11 changed files with 88 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -264,19 +264,22 @@ class LibSubFolderSerGroupPermissionDialog extends React.Component {
);
}
const thead = (
<thead>
<tr>
<th width={showPath ? '32%' : '55%'}>{gettext('Group')}</th>
{showPath &&
<th width="32%">{gettext('Folder')}</th>
}
<th width={showPath ? '24%' : '30%'}>{gettext('Permission')}</th>
<th width={showPath ? '12%' : '15%'}></th>
</tr>
</thead>
);
return (
<Fragment>
<table>
<thead>
<tr>
<th width={showPath ? '32%': '55%'}>{gettext('Group')}</th>
{showPath &&
<th width="32%">{gettext('Folder')}</th>
}
<th width={showPath ? '26%': '30%'}>{gettext('Permission')}</th>
<th width={showPath ? '10%' : '15%'}></th>
</tr>
</thead>
<table className="w-xs-250">
{thead}
<tbody>
<tr>
<td>
@@ -284,7 +287,6 @@ class LibSubFolderSerGroupPermissionDialog extends React.Component {
onChange={this.handleSelectChange}
options={this.options}
placeholder={gettext('Select a group')}
components={makeAnimated()}
maxMenuHeight={200}
inputId={'react-select-2-input'}
value={this.state.selectedOption}
@@ -325,17 +327,8 @@ class LibSubFolderSerGroupPermissionDialog extends React.Component {
</tbody>
</table>
<div className="share-list-container">
<table className="table-thead-hidden">
<thead>
<tr>
<th width={showPath ? '32%': '55%'}>{gettext('Group')}</th>
{showPath &&
<th width="32%">{gettext('Folder')}</th>
}
<th width={showPath ? '26%': '30%'}>{gettext('Permission')}</th>
<th width={showPath ? '10%' : '15%'}></th>
</tr>
</thead>
<table className="table-thead-hidden w-xs-250">
{thead}
<tbody>
{this.state.groupPermissionItems.map((item, index) => {
return (