1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-10 19:29:56 +00:00

[my libs] mobile: improvement (#3839)

* [my libs] mobile: improvement

* modified 'more' icon
* modified background layer of op menu
* added 'star/unstar' to the op menu

* [my libs] mobile: redesigned 'sort'
This commit is contained in:
llj
2019-07-16 07:55:55 +08:00
committed by Daniel Pan
parent ea621c46c3
commit 957979254b
13 changed files with 140 additions and 23 deletions

View File

@@ -99,17 +99,12 @@ class MylibRepoListView extends React.Component {
}
renderMobileUI = () => {
const sortIcon = this.props.sortOrder === 'asc' ? <span className="fas fa-caret-up"></span> : <span className="fas fa-caret-down"></span>;
return (
<table>
<table className="table-thead-hidden">
<thead>
<tr>
<th width="10%"><span className="sr-only">{gettext('Library Type')}</span></th>
<th width="84%">
{gettext('Sort:')}
<a className="table-sort-op" href="#" onClick={this.sortByName}>{gettext('name')} {this.props.sortBy === 'name' && sortIcon}</a>
<a className="table-sort-op" href="#" onClick={this.sortByTime}>{gettext('last update')} {this.props.sortBy === 'time' && sortIcon}</a>
</th>
<th width="84%"></th>
<th width="6%"><span className="sr-only">{gettext('Actions')}</span></th>
</tr>
</thead>