prehistoric-systems/Gitako
1
1
Fork 0
mirror of https://github.com/EnixCoda/Gitako.git synced 2026-03-11 08:54:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: allow hide settings by clicking file explorer

Browse source
This commit is contained in:
EnixCoda 2018-10-17 22:22:56 +08:00
parent 624ab8a806
commit 1dce80d78e
No known key found for this signature in database
GPG key ID: 0C1A07377913A1DD
3 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/FileExplorer.js
View file

@ -82,9 +82,9 @@ export default class FileExplorer extends React.Component {
}
render() {
const { stateText, visibleNodes, freeze, handleKeyDown, handleSearchKeyChange, onNodeClick } = this.props
const { stateText, visibleNodes, freeze, handleKeyDown, handleSearchKeyChange, onNodeClick, toggleShowSettings } = this.props
return (
<div className={cx(`file-explorer`, { freeze })} tabIndex={-1} onKeyDown={handleKeyDown}>
<div className={cx(`file-explorer`, { freeze })} tabIndex={-1} onKeyDown={handleKeyDown} onClick={ freeze ? toggleShowSettings : null}>
{
stateText
? <LoadingIndicator text={stateText} />

4
src/components/SideBar.js
View file

@ -87,14 +87,14 @@ export default class Gitako extends React.PureComponent {
}
renderContent() {
const { errorDueToAuth, metaData, treeData, showSettings, accessToken, compressSingletonFolder } = this.props
const { errorDueToAuth, metaData, treeData, showSettings, accessToken, compressSingletonFolder, toggleShowSettings } = this.props
return (
<div className={'gitako-side-bar-content'}>
{metaData && <MetaBar metaData={metaData} />}
{errorDueToAuth
? this.renderAccessDeniedError()
: metaData &&
<FileExplorer metaData={metaData} treeData={treeData} freeze={showSettings} accessToken={accessToken} compressSingletonFolder={compressSingletonFolder} />
<FileExplorer toggleShowSettings={toggleShowSettings} metaData={metaData} treeData={treeData} freeze={showSettings} accessToken={accessToken} compressSingletonFolder={compressSingletonFolder} />
}
</div>
)

7
src/content.less
View file

@ -266,7 +266,12 @@
flex-wrap: nowrap;
&.freeze {
filter: blur(1.5px) opacity(0.6) grayscale(0.9);
pointer-events: none;
cursor: pointer;
> * {
pointer-events: none;
user-select: none;
}
}
/* search input */