From 296bfb343e1fc5ee11ff5af678c4bdc3d5705b5a Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Wed, 24 Jul 2019 07:45:41 +0200
Subject: [PATCH] mol-plugin: updated 'select animation' icon
---
src/mol-plugin/skin/base/icons.scss | 4 ++++
src/mol-plugin/ui/controls.tsx | 2 +-
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/mol-plugin/skin/base/icons.scss b/src/mol-plugin/skin/base/icons.scss
index 2c4c0590c..7c642ee71 100644
--- a/src/mol-plugin/skin/base/icons.scss
+++ b/src/mol-plugin/skin/base/icons.scss
@@ -213,3 +213,7 @@
.msp-icon-floppy:before {
content: "\e8d0";
}
+
+.msp-icon-tape:before {
+ content: "\e8c8";
+}
diff --git a/src/mol-plugin/ui/controls.tsx b/src/mol-plugin/ui/controls.tsx
index 777d2eb9d..662267e11 100644
--- a/src/mol-plugin/ui/controls.tsx
+++ b/src/mol-plugin/ui/controls.tsx
@@ -234,7 +234,7 @@ export class AnimationViewportControls extends PluginUIComponent<{}, { isEmpty:
const isAnimating = this.state.isAnimating;
return <div className='msp-animation-viewport-controls'>
- <IconButton icon={isAnimating || isPlaying ? 'stop' : 'play'} title={isAnimating ? 'Stop' : 'Select Animation'}
+ <IconButton icon={isAnimating || isPlaying ? 'stop' : 'tape'} title={isAnimating ? 'Stop' : 'Select Animation'}
onClick={isAnimating || isPlaying ? this.stop : this.toggleExpanded}
disabled={isAnimating|| isPlaying ? false : this.state.isUpdating || this.state.isPlaying || this.state.isEmpty} />
{(this.state.isExpanded && !this.state.isUpdating) && <div className='msp-animation-viewport-controls-select'>
--
GitLab