From 74e076917410a36300f0ec1ba454e58364e2bc79 Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Fri, 23 Nov 2018 16:13:25 +0100
Subject: [PATCH] mol-plugin: added a little color to the UI
---
src/mol-plugin/skin/base/components/temp.scss | 3 +++
src/mol-plugin/skin/base/components/transformer.scss | 1 +
src/mol-plugin/ui/state.tsx | 2 +-
3 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/mol-plugin/skin/base/components/temp.scss b/src/mol-plugin/skin/base/components/temp.scss
index 7dbe81f20..84624ff7e 100644
--- a/src/mol-plugin/skin/base/components/temp.scss
+++ b/src/mol-plugin/skin/base/components/temp.scss
@@ -9,6 +9,9 @@
text-align: center;
font-weight: bold;
background: $default-background;
+ // border-right: $control-spacing solid $entity-color-Group; // TODO separate color
+ border-top: 1px solid $entity-color-Group; // TODO separate color
+ // border-bottom: 1px solid $entity-color-Group; // TODO separate color
}
.msp-btn-row-group {
diff --git a/src/mol-plugin/skin/base/components/transformer.scss b/src/mol-plugin/skin/base/components/transformer.scss
index cf4c5ff79..aca44d435 100644
--- a/src/mol-plugin/skin/base/components/transformer.scss
+++ b/src/mol-plugin/skin/base/components/transformer.scss
@@ -44,6 +44,7 @@
.msp-transform-header {
position: relative;
+ border-top: 1px solid $entity-color-Behaviour; // TODO: separate color
> button {
text-align: left;
diff --git a/src/mol-plugin/ui/state.tsx b/src/mol-plugin/ui/state.tsx
index d22304a0a..e6b11dcfc 100644
--- a/src/mol-plugin/ui/state.tsx
+++ b/src/mol-plugin/ui/state.tsx
@@ -148,7 +148,7 @@ class RemoteStateSnapshotList extends PluginComponent<{ serverUrl: string }, { e
render() {
return <div>
- <button title='Click to Refresh' style={{fontWeight: 'bold'}} className='msp-btn msp-btn-block msp-form-control' onClick={this.refresh} disabled={this.state.isFetching}>↻ Remote Snapshots</button>
+ <button title='Click to Refresh' style={{fontWeight: 'bold'}} className='msp-btn msp-btn-block msp-form-control msp-section-header' onClick={this.refresh} disabled={this.state.isFetching}>↻ Remote Snapshots</button>
<ul style={{ listStyle: 'none' }} className='msp-state-list'>
{this.state.entries.valueSeq().map(e =><li key={e!.id}>
--
GitLab