ReDNATCO plugin stage 17

src/apps/rednatco/viewer.ts

@@ -18,6 +18,7 @@ import { Location } from '../../mol-model/structure/structure/element/location';
 import { MmcifFormat } from '../../mol-model-formats/structure/mmcif';
 import { PluginBehavior, PluginBehaviors } from '../../mol-plugin/behavior';
 import { PluginCommands } from '../../mol-plugin/commands';
+import { PluginConfig } from '../../mol-plugin/config';
 import { PluginContext } from '../../mol-plugin/context';
 import { PluginSpec } from '../../mol-plugin/spec';
 import { LociLabel } from '../../mol-plugin-state/manager/loci-label';
@@ -502,8 +503,16 @@ export class ReDNATCOMspViewer {
                 initial: {
                     isExpanded: false,
                     showControls: false,
+                }
             },
-            },
+            config: [
+                [PluginConfig.Viewport.ShowExpand, false],
+                [PluginConfig.Viewport.ShowControls, false],
+                [PluginConfig.Viewport.ShowSettings, false],
+                [PluginConfig.Viewport.ShowTrajectoryControls, false],
+                [PluginConfig.Viewport.ShowAnimation, false],
+                [PluginConfig.Viewport.ShowSelectionMode, false],
+            ]
         };
 
         const plugin = await createPluginUI(target, spec);

src/mol-plugin-ui/structure/selection.tsx

@@ -261,7 +261,7 @@ export class StructureSelectionActionsControls extends PluginUIComponent<{}, Str
         }
 
         return <>
-            <div className='msp-flex-row' style={{ background: 'none' }}>
+            <div className='msp-flex-row' style={{ background: 'none', display: 'none' }}>
                 <PureSelectControl title={`Picking Level for selecting and highlighting`} param={StructureSelectionParams.granularity} name='granularity' value={granularity} onChange={this.setGranuality} isDisabled={this.isDisabled} />
                 <ToggleButton icon={UnionSvg} title={`${ActionHeader.get('add')}. Hold shift key to keep menu open.`} toggle={this.toggleAdd} isSelected={this.state.action === 'add'} disabled={this.isDisabled} />
                 <ToggleButton icon={SubtractSvg} title={`${ActionHeader.get('remove')}. Hold shift key to keep menu open.`} toggle={this.toggleRemove} isSelected={this.state.action === 'remove'} disabled={this.isDisabled} />