about summary refs log tree commit diff
path: root/app/assets/javascripts
diff options
context:
space:
mode:
authorAnthony Bellew <anthonyreflected@gmail.com>2017-01-26 03:02:42 -0700
committerGitHub <noreply@github.com>2017-01-26 03:02:42 -0700
commit8f18c8f9ad169edc24474a950e959f8d68973166 (patch)
tree1ad4b1cdb7d5664619dc8303dbc42ef0e9708f54 /app/assets/javascripts
parentd944946c52db56db640cf14b630851092c7ef30c (diff)
Added inline spoiler button styles
Diffstat (limited to 'app/assets/javascripts')
-rw-r--r--app/assets/javascripts/components/components/status_content.jsx12
1 files changed, 11 insertions, 1 deletions
diff --git a/app/assets/javascripts/components/components/status_content.jsx b/app/assets/javascripts/components/components/status_content.jsx
index 476d4520d..397374a75 100644
--- a/app/assets/javascripts/components/components/status_content.jsx
+++ b/app/assets/javascripts/components/components/status_content.jsx
@@ -86,6 +86,15 @@ const StatusContent = React.createClass({
 
     const content = { __html: emojify(status.get('content')) };
     const spoilerContent = { __html: emojify(status.get('spoiler_text', '')) };
+    const spoilerStyle = {
+      backgroundColor: '#fff', 
+      borderRadius: '0 4px',
+      color: '#363c4b',
+      fontWeight: '500',
+      fontSize: '12px',
+      textTransform: 'uppercase'
+    };
+
 
     if (status.get('spoiler_text').length > 0) {
       const toggleText = hidden ? <FormattedMessage id='status.show_more' defaultMessage='Show more' /> : <FormattedMessage id='status.show_less' defaultMessage='Show less' />;
@@ -93,7 +102,8 @@ const StatusContent = React.createClass({
       return (
         <div className='status__content' style={{ cursor: 'pointer' }} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>
           <p style={{ marginBottom: hidden ? '0px' : '' }} >
-            <span dangerouslySetInnerHTML={spoilerContent} /> <a onClick={this.handleSpoilerClick}>[{toggleText}]</a>
+            <span dangerouslySetInnerHTML={spoilerContent} /> 
+            <a style={spoilerStyle} onClick={this.handleSpoilerClick}>[{toggleText}]</a>
           </p>
 
           <div style={{ display: hidden ? 'none' : 'block' }} dangerouslySetInnerHTML={content} />