tweak to linearView layouts with onClick items

4 files changed, 7 insertions, 6 deletions

diff --git a/src/client/documents/DocumentTypes.ts b/src/client/documents/DocumentTypes.ts
index 432e53825..03178bbdb 100644
--- a/src/client/documents/DocumentTypes.ts
+++ b/src/client/documents/DocumentTypes.ts
@@ -17,7 +17,7 @@ export enum DocumentType {
     TEMPLATE = "template",
     EXTENSION = "extension",
     YOUTUBE = "youtube",
-    FONTICONBOX = "fonticonbox",
+    FONTICON = "fonticonbox",
     PRES = "presentation",
     LINKFOLLOW = "linkfollow",
     PRESELEMENT = "preselement",
diff --git a/src/client/documents/Documents.ts b/src/client/documents/Documents.ts
index 13cc7815c..5794a6bee 100644
--- a/src/client/documents/Documents.ts
+++ b/src/client/documents/Documents.ts
@@ -198,7 +198,7 @@ export namespace Docs {
                 layout: { view: PresBox },
                 options: {}
             }],
-            [DocumentType.FONTICONBOX, {
+            [DocumentType.FONTICON, {
                 layout: { view: FontIconBox },
                 options: { width: 40, height: 40 },
             }],
@@ -496,7 +496,7 @@ export namespace Docs {
 
 
         export function FontIconDocument(options?: DocumentOptions) {
-            return InstanceFromProto(Prototypes.get(DocumentType.FONTICONBOX), undefined, { ...(options || {}) });
+            return InstanceFromProto(Prototypes.get(DocumentType.FONTICON), undefined, { ...(options || {}) });
         }
 
         export function LinkFollowBoxDocument(options?: DocumentOptions) {
diff --git a/src/client/views/CollectionLinearView.scss b/src/client/views/CollectionLinearView.scss
index 1e6bb5922..4bfd88b69 100644
--- a/src/client/views/CollectionLinearView.scss
+++ b/src/client/views/CollectionLinearView.scss
@@ -50,11 +50,11 @@
             padding: 0;
             position: relative;
 
-            .collectionLinearView-docBtn {
+            .collectionLinearView-docBtn, .collectionLinearView-docBtn-scalable {
                 position:relative;
                 margin-right: 10px;
             }
-            .collectionLinearView-docBtn:hover {
+            .collectionLinearView-docBtn-scalable:hover {
                 transform: scale(1.15);
             }
 
diff --git a/src/client/views/CollectionLinearView.tsx b/src/client/views/CollectionLinearView.tsx
index 49c67a448..5c793f784 100644
--- a/src/client/views/CollectionLinearView.tsx
+++ b/src/client/views/CollectionLinearView.tsx
@@ -17,6 +17,7 @@ import { DocumentView, documentSchema } from './nodes/DocumentView';
 import "./CollectionLinearView.scss";
 import { makeInterface } from '../../new_fields/Schema';
 import { CollectionSubView } from './collections/CollectionSubView';
+import { DocumentType } from '../documents/DocumentTypes';
 
 
 type LinearDocument = makeInterface<[typeof documentSchema,]>;
@@ -87,7 +88,7 @@ export class CollectionLinearView extends CollectionSubView(LinearDocument) {
 
                 <div className="collectionLinearView-content">
                     {this.childLayoutPairs.filter(pair => this.isCurrent(pair.layout)).map(pair =>
-                        <div className="collectionLinearView-docBtn" style={{ width: this.dimension(), height: this.dimension() }} key={StrCast(pair.layout.title)} >
+                        <div className={`collectionLinearView-docBtn` + (pair.layout.onClick ? "-scalable" : "")} style={{ width: this.dimension(), height: this.dimension() }} key={StrCast(pair.layout.title)} >
                             <DocumentView
                                 Document={pair.layout}
                                 DataDoc={pair.data}