mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-28 15:20:48 +00:00
4cd9a2d740
Summary: - closes side bars when tapping content area - opens left panel when tapping the page name Test Plan: Includes browser tests. Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D2705
24 lines
754 B
TypeScript
24 lines
754 B
TypeScript
import {DocPageModel} from 'app/client/models/DocPageModel';
|
|
import {testId} from 'app/client/ui2018/cssVars';
|
|
import {dom, MultiHolder, Observable, styled} from 'grainjs';
|
|
|
|
|
|
export function createBottomBarDoc(owner: MultiHolder, pageModel: DocPageModel, leftPanelOpen: Observable<boolean>,
|
|
rightPanelOpen: Observable<boolean>) {
|
|
return dom.maybe(pageModel.gristDoc, (gristDoc) => (
|
|
cssPageName(
|
|
dom.text(gristDoc.currentPageName),
|
|
dom.on('click', () => { rightPanelOpen.set(false); leftPanelOpen.set(true); }),
|
|
testId('page-name'),
|
|
)
|
|
));
|
|
}
|
|
|
|
const cssPageName = styled('div', `
|
|
margin: 0 10px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
cursor: pointer;
|
|
`);
|