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

[invitations] modification for mobile (#3973)

Browse Source
This commit is contained in:
llj
2019-08-14 15:29:31 +08:00
committed by Daniel Pan
parent 8839207207
commit 04e10f3a4c
2 changed files with 91 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/toolbar/invitations-toolbar.js
View File

@@ -24,16 +24,15 @@ class InvitationsToolbar extends React.Component {
<div className="cur-view-toolbar">
<span title="Side Nav Menu" onClick={onShowSidePanel} className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none">
</span>
<MediaQuery query="(min-width: 768px)">
{window.innerWidth >= 768 ? (
<div className="operation">
<Button color="btn btn-secondary operation-item" onClick={toggleInvitePeopleDialog}>
<i className="fas fa-plus-square text-secondary mr-1"></i>{gettext('Invite People')}
</Button>
</div>
</MediaQuery>
<MediaQuery query="(max-width: 767.8px)">
<span className="sf2-icon-plus mobile-toolbar-icon" title={gettext('Invite People')}></span>
</MediaQuery>
) : (
<span className="sf2-icon-plus mobile-toolbar-icon" title={gettext('Invite People')} onClick={toggleInvitePeopleDialog}></span>
)}
</div>
<CommonToolbar searchPlaceholder={this.props.searchPlaceholder} onSearchedClick={onSearchedClick}/>
</div>