card view cleanup. moved 'pile' into shiftclick on Perspective dropdown. fixed tags sorting.

1 files changed, 6 insertions, 3 deletions

diff --git a/src/client/views/nodes/FontIconBox/FontIconBox.tsx b/src/client/views/nodes/FontIconBox/FontIconBox.tsx
index 60b2a7519..f58862028 100644
--- a/src/client/views/nodes/FontIconBox/FontIconBox.tsx
+++ b/src/client/views/nodes/FontIconBox/FontIconBox.tsx
@@ -160,6 +160,7 @@ export class FontIconBox extends ViewBoxBaseComponent<ButtonProps>() {
             buttonList,
             jsx: undefined,
             selectedVal: script(),
+            toolTip: 'Set text font',
             getStyle: (val: string) => ({ fontFamily: val }),
         };
     };
@@ -174,6 +175,7 @@ export class FontIconBox extends ViewBoxBaseComponent<ButtonProps>() {
                   buttonList: buttonList.filter(value => !Doc.noviceMode || !noviceList.length || noviceList.includes(value as CollectionViewType)),
                   getStyle: undefined,
                   selectedVal: StrCast(selected[0]._type_collection),
+                  toolTip: 'change view type (press Shift to add as a new view)',
               }
             : {
                   jsx: selected.length ? (
@@ -205,11 +207,11 @@ export class FontIconBox extends ViewBoxBaseComponent<ButtonProps>() {
     @computed get dropdownListButton() {
         const script = ScriptCast(this.Document.script);
         const selectedFunc = () => script?.script.run({ this: this.Document, value: '', _readOnly_: true }).result as string;
-        const { buttonList, selectedVal, getStyle, jsx } = (() => {
+        const { buttonList, selectedVal, getStyle, jsx, toolTip } = (() => {
             switch (this.Document.title) {
                 case 'Font':         return this.handleFontDropdown(selectedFunc, this.buttonList);
                 case 'Perspective':  return this.handleViewDropdown(script, this.buttonList);
-                default:             return { buttonList: this.buttonList, selectedVal: selectedFunc(), jsx: undefined, getStyle: undefined };
+                default:             return { buttonList: this.buttonList, selectedVal: selectedFunc(), toolTip: undefined, jsx: undefined, getStyle: undefined };
             } // prettier-ignore
         })();
         if (jsx) return jsx;
@@ -225,9 +227,10 @@ export class FontIconBox extends ViewBoxBaseComponent<ButtonProps>() {
         return (
             <Dropdown
                 selectedVal={selectedVal}
-                setSelectedVal={undoable(value => script.script.run({ this: this.Document, value }), `dropdown select ${this.label}`)}
+                setSelectedVal={undoable((value, e) => script.script.run({ this: this.Document, value, shiftKey: e.shiftKey }), `dropdown select ${this.label}`)}
                 color={SnappingManager.userColor}
                 background={SnappingManager.userVariantColor}
+                toolTip={toolTip}
                 type={Type.TERT}
                 closeOnSelect={false}
                 dropdownType={DropdownType.SELECT}