Test Plan: Tested Manually, behave well also for long page name. Reviewers: paulfitz Reviewed By: paulfitz Differential Revision: https://phab.getgrist.com/D2702pull/3/head
parent
4ca1c09e35
commit
ffe4a34335
@ -0,0 +1,16 @@
|
|||||||
|
import {DocPageModel} from 'app/client/models/DocPageModel';
|
||||||
|
import {dom, MultiHolder, styled} from 'grainjs';
|
||||||
|
|
||||||
|
|
||||||
|
export function createBottomBarDoc(owner: MultiHolder, pageModel: DocPageModel) {
|
||||||
|
return dom.maybe(pageModel.gristDoc, (gristDoc) => (
|
||||||
|
cssPageName(dom.text(gristDoc.currentPageName))
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
const cssPageName = styled('div', `
|
||||||
|
margin: 0 10px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
`);
|
Loading…
Reference in new issue