forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-03-16 04:23:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hide side panel on small screens

Browse Source
This commit is contained in:
Przemek Wiech
2019-03-07 23:44:14 +01:00
parent 2c030ec970
commit f4f9bf70ea
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app.tsx
View File

@@ -5,7 +5,7 @@ import {Details} from './details';
import {getSelection, loadFromUrl, loadGedcom} from './load_data'; import {getSelection, loadFromUrl, loadGedcom} from './load_data';
import {IndiInfo} from 'topola'; import {IndiInfo} from 'topola';
import {Intro} from './intro'; import {Intro} from './intro';
import {Loader, Message} from 'semantic-ui-react'; import {Loader, Message, Responsive} from 'semantic-ui-react';
import {Redirect, Route, RouteComponentProps, Switch} from 'react-router-dom'; import {Redirect, Route, RouteComponentProps, Switch} from 'react-router-dom';
import {TopBar} from './top_bar'; import {TopBar} from './top_bar';
import {TopolaData} from './gedcom_util'; import {TopolaData} from './gedcom_util';
@@ -158,12 +158,12 @@ export class App extends React.Component<RouteComponentProps, {}> {
ref={(ref) => (this.chartRef = ref)} ref={(ref) => (this.chartRef = ref)}
/> />
{this.state.showSidePanel ? ( {this.state.showSidePanel ? (
<div id="sidePanel"> <Responsive minWidth={768} id="sidePanel">
<Details <Details
gedcom={this.state.data.gedcom} gedcom={this.state.data.gedcom}
indi={this.state.selection.id} indi={this.state.selection.id}
/> />
</div> </Responsive>
) : null} ) : null}
</div> </div>
); );