aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorvkalev <geireann.lindfield@gmail.com>2021-12-02 15:25:14 -0500
committervkalev <geireann.lindfield@gmail.com>2021-12-02 15:25:14 -0500
commit1b6e83ce9b56b773165387ac5f306e6807dc2900 (patch)
tree573079369d8b687874647f18655714ff41636e5f /src
parenta7df67fcb94edd7f8751e05ba9416fb5316b0473 (diff)
Added header comment to CollectionLinearView
Diffstat (limited to 'src')
-rw-r--r--src/client/views/collections/collectionLinear/CollectionLinearView.scss4
-rw-r--r--src/client/views/collections/collectionLinear/CollectionLinearView.tsx8
2 files changed, 12 insertions, 0 deletions
diff --git a/src/client/views/collections/collectionLinear/CollectionLinearView.scss b/src/client/views/collections/collectionLinear/CollectionLinearView.scss
index 8fe804466..968048e39 100644
--- a/src/client/views/collections/collectionLinear/CollectionLinearView.scss
+++ b/src/client/views/collections/collectionLinear/CollectionLinearView.scss
@@ -6,6 +6,10 @@
height: 100%;
pointer-events: none;
+ .collectionLinearView-menuOpener {
+ user-select: none;
+ }
+
&.true {
padding-left: 5px;
padding-right: 5px;
diff --git a/src/client/views/collections/collectionLinear/CollectionLinearView.tsx b/src/client/views/collections/collectionLinear/CollectionLinearView.tsx
index 18a715edf..d67122eff 100644
--- a/src/client/views/collections/collectionLinear/CollectionLinearView.tsx
+++ b/src/client/views/collections/collectionLinear/CollectionLinearView.tsx
@@ -24,6 +24,14 @@ import "./CollectionLinearView.scss";
type LinearDocument = makeInterface<[typeof documentSchema,]>;
const LinearDocument = makeInterface(documentSchema);
+/**
+ * CollectionLinearView is the class for rendering the horizontal collection
+ * of documents, it useful for horizontal menus. It can either be expandable
+ * or not using the linearViewExpandable field.
+ * It is used in the following locations:
+ * - It is used in the popup menu on the bottom left (see docButtons() in MainView.tsx)
+ * - It is used for the context sensitive toolbar at the top (see contMenuButtons() in CollectionMenu.tsx)
+ */
@observer
export class CollectionLinearView extends CollectionSubView(LinearDocument) {
@observable public addMenuToggle = React.createRef<HTMLInputElement>();