From 3d2bd167cac80ffb3c1dd7a55454d86afee57fcb Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Fri, 4 Oct 2019 15:34:59 +0200
Subject: [PATCH] mol-plugin: use monospace font for sequence
---
src/mol-plugin/skin/base/components/sequence.scss | 4 ++++
src/mol-plugin/ui/sequence.tsx | 2 +-
src/mol-plugin/ui/sequence/sequence.tsx | 2 +-
3 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/mol-plugin/skin/base/components/sequence.scss b/src/mol-plugin/skin/base/components/sequence.scss
index 3176df959..27b50d739 100644
--- a/src/mol-plugin/skin/base/components/sequence.scss
+++ b/src/mol-plugin/skin/base/components/sequence.scss
@@ -20,6 +20,10 @@
overflow-y: auto;
overflow-x: hidden;
font-size: 90%;
+
+ .msp-sequence-wrapper-non-empty {
+ font-family: monospace;
+ }
}
.msp-sequence-wrapper {
diff --git a/src/mol-plugin/ui/sequence.tsx b/src/mol-plugin/ui/sequence.tsx
index e61635b3b..77de081ef 100644
--- a/src/mol-plugin/ui/sequence.tsx
+++ b/src/mol-plugin/ui/sequence.tsx
@@ -297,7 +297,7 @@ export class SequenceView extends PluginUIComponent<{ }, SequenceViewState> {
</div>
{typeof sequenceWrapper === 'string'
- ? <div className='msp-sequence-wrapper'>{sequenceWrapper}</div>
+ ? <div className='msp-sequence-wrapper msp-sequence-wrapper-non-empty'>{sequenceWrapper}</div>
: <Sequence sequenceWrapper={sequenceWrapper} />}
</div>;
}
diff --git a/src/mol-plugin/ui/sequence/sequence.tsx b/src/mol-plugin/ui/sequence/sequence.tsx
index 50234a175..7034e510d 100644
--- a/src/mol-plugin/ui/sequence/sequence.tsx
+++ b/src/mol-plugin/ui/sequence/sequence.tsx
@@ -104,7 +104,7 @@ export class Sequence<P extends SequenceProps> extends PluginUIComponent<P, Sequ
}
return <div
- className='msp-sequence-wrapper'
+ className='msp-sequence-wrapper msp-sequence-wrapper-non-empty'
onContextMenu={this.contextMenu}
onMouseDown={this.mouseDown}
>
--
GitLab