aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/collectionLinear
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2021-12-02 15:40:30 -0500
committerbobzel <zzzman@gmail.com>2021-12-02 15:40:30 -0500
commitf92b490d3d54f5847f5f434a4105e88717531527 (patch)
tree7b747c6a068347318085a95cf4eb87f9f3f2ecbc /src/client/views/collections/collectionLinear
parent220cedfb9d013127d89756bcc85ac886a0d723da (diff)
parent1b6e83ce9b56b773165387ac5f306e6807dc2900 (diff)
Merge branch 'master' of https://github.com/brown-dash/Dash-Web
Diffstat (limited to 'src/client/views/collections/collectionLinear')
-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>();