From 02dfc89bc6eed47a5aadc1c991a257c8fe37b87f Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Sat, 24 Nov 2018 23:34:23 +0100
Subject: [PATCH] mol-plugin: make tree control optionally scrollable
---
src/mol-plugin/ui/plugin.tsx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/mol-plugin/ui/plugin.tsx b/src/mol-plugin/ui/plugin.tsx
index f29ed9fb5..4ef23dd07 100644
--- a/src/mol-plugin/ui/plugin.tsx
+++ b/src/mol-plugin/ui/plugin.tsx
@@ -82,13 +82,13 @@ export class State extends PluginComponent {
render() {
const kind = this.plugin.state.behavior.kind.value;
- return <>
+ return <div className='msp-scrollable-container'>
<div className='msp-btn-row-group msp-data-beh'>
<button className='msp-btn msp-btn-block msp-form-control' onClick={() => this.set('data')} style={{ fontWeight: kind === 'data' ? 'bold' : 'normal'}}>Data</button>
<button className='msp-btn msp-btn-block msp-form-control' onClick={() => this.set('behavior')} style={{ fontWeight: kind === 'behavior' ? 'bold' : 'normal'}}>Behavior</button>
</div>
<StateTree state={kind === 'data' ? this.plugin.state.dataState : this.plugin.state.behaviorState} />
- </>
+ </div>
}
}
--
GitLab