aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx
diff options
context:
space:
mode:
authorgeireann <geireann.lindfield@gmail.com>2023-08-22 14:35:14 -0400
committergeireann <geireann.lindfield@gmail.com>2023-08-22 14:35:14 -0400
commitad6e2e0844947f54a11b73f25b118aafabbf8b49 (patch)
treed5509632b9c7cc7454c2c5f84fccdbb93bd907b2 /src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx
parent1c52bd054385d2584bbeae41eecdf9ba6999c25f (diff)
added tooltips for tree view sorting. added close buttons for header bar.and added new tabs to header bar. fixed rtf markup startup error.
Diffstat (limited to 'src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx')
-rw-r--r--src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx7
1 files changed, 6 insertions, 1 deletions
diff --git a/src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx b/src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx
index 10532b9d9..80da4e1a2 100644
--- a/src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx
+++ b/src/client/views/collections/collectionMulticolumn/CollectionMulticolumnView.tsx
@@ -1,3 +1,5 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Button } from 'browndash-components';
import { action, computed } from 'mobx';
import { observer } from 'mobx-react';
import * as React from 'react';
@@ -6,7 +8,7 @@ import { BoolCast, NumCast, ScriptCast, StrCast } from '../../../../fields/Types
import { returnFalse } from '../../../../Utils';
import { DragManager, dropActionType } from '../../../util/DragManager';
import { Transform } from '../../../util/Transform';
-import { undoBatch } from '../../../util/UndoManager';
+import { undoable, undoBatch } from '../../../util/UndoManager';
import { DocumentView } from '../../nodes/DocumentView';
import { CollectionSubView } from '../CollectionSubView';
import './CollectionMulticolumnView.scss';
@@ -301,6 +303,9 @@ export class CollectionMulticolumnView extends CollectionSubView() {
collector.push(
<div className="document-wrapper" key={'wrapper' + i} style={{ width: width() }}>
{this.getDisplayDoc(layout, dxf, docwidth, docheight, shouldNotScale)}
+ <Button icon={<FontAwesomeIcon icon={'times'} size={'lg'} />} onClick={undoable(e => {
+ this.props.removeDocument?.(layout);
+ }, "close doc")} color={StrCast(Doc.UserDoc().userColor)} />
<WidthLabel layout={layout} collectionDoc={Document} />
</div>,
<ResizeBar