From 7f83f900a820a1a633288f7af414272262c81e54 Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Wed, 15 May 2019 17:02:28 +0200
Subject: [PATCH] mol-plugin: fix viewport settings css
---
src/mol-plugin/skin/base/components/viewport.scss | 2 ++
src/mol-plugin/ui/viewport.tsx | 2 +-
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/mol-plugin/skin/base/components/viewport.scss b/src/mol-plugin/skin/base/components/viewport.scss
index 228e721a5..a03f6020f 100644
--- a/src/mol-plugin/skin/base/components/viewport.scss
+++ b/src/mol-plugin/skin/base/components/viewport.scss
@@ -63,6 +63,8 @@
}
.msp-viewport-controls-scene-options {
+ overflow-y: auto;
+ max-height: 400px;
width: 290px;
background: $control-background;
diff --git a/src/mol-plugin/ui/viewport.tsx b/src/mol-plugin/ui/viewport.tsx
index 859d1e421..9ca8b1a23 100644
--- a/src/mol-plugin/ui/viewport.tsx
+++ b/src/mol-plugin/ui/viewport.tsx
@@ -68,7 +68,7 @@ export class ViewportControls extends PluginUIComponent<{}, { isSettingsExpanded
{this.icon('reset-scene', this.resetCamera, 'Reset Camera')}<br/>
{this.icon('tools', this.toggleControls, 'Toggle Controls', this.plugin.layout.state.showControls)}<br/>
{this.icon('expand-layout', this.toggleExpanded, 'Toggle Expanded', this.plugin.layout.state.isExpanded)}<br />
- {this.icon('settings', this.toggleSettingsExpanded, 'Settings', this.state.isSettingsExpanded)}
+ {this.icon('settings', this.toggleSettingsExpanded, 'Settings', this.state.isSettingsExpanded)}<br/>
</div>
{this.state.isSettingsExpanded && <div className='msp-viewport-controls-scene-options'>
<ControlGroup header='Layout' initialExpanded={true}>
--
GitLab