From 663f090c459315ca7d6df5d7949e5d44bf8cb965 Mon Sep 17 00:00:00 2001 From: Stephen Burgess Date: Sun, 23 Apr 2017 07:18:58 -0500 Subject: fix(style): Fix regressions introduced by #2338 (#2345) Put Column Slim Back Button classnames in order so it is positioned right and top. Add icon button style back to privacy dropdown and upload buttons so they are positioned correctly and do not wiggle. Remove abstracted style from CSS. Add missed class for the upload form thumbnail. Add the missed styles for upload form thumnail. Alphabetize styles for column-back-button. Fix fontSize typo for media-spoiler-video-play-icon. --- .../components/components/column_back_button_slim.jsx | 2 +- .../components/features/compose/components/privacy_dropdown.jsx | 7 ++++++- .../components/features/compose/components/upload_button.jsx | 9 ++++++++- .../components/features/compose/components/upload_form.jsx | 2 +- 4 files changed, 16 insertions(+), 4 deletions(-) (limited to 'app/assets/javascripts') diff --git a/app/assets/javascripts/components/components/column_back_button_slim.jsx b/app/assets/javascripts/components/components/column_back_button_slim.jsx index f739b3f83..719690097 100644 --- a/app/assets/javascripts/components/components/column_back_button_slim.jsx +++ b/app/assets/javascripts/components/components/column_back_button_slim.jsx @@ -15,7 +15,7 @@ class ColumnBackButtonSlim extends React.PureComponent { render () { return (
-
+
diff --git a/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx b/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx index 537871bb5..507fe7b58 100644 --- a/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx +++ b/app/assets/javascripts/components/features/compose/components/privacy_dropdown.jsx @@ -14,6 +14,11 @@ const messages = defineMessages({ change_privacy: { id: 'privacy.change', defaultMessage: 'Adjust status privacy' } }); +const iconStyle = { + height: null, + lineHeight: '27px' +} + class PrivacyDropdown extends React.PureComponent { constructor (props, context) { @@ -72,7 +77,7 @@ class PrivacyDropdown extends React.PureComponent { return (
-
+
{options.map(item =>
diff --git a/app/assets/javascripts/components/features/compose/components/upload_button.jsx b/app/assets/javascripts/components/features/compose/components/upload_button.jsx index 80e5a0545..9b2de0332 100644 --- a/app/assets/javascripts/components/features/compose/components/upload_button.jsx +++ b/app/assets/javascripts/components/features/compose/components/upload_button.jsx @@ -6,6 +6,12 @@ const messages = defineMessages({ upload: { id: 'upload_button.label', defaultMessage: 'Add media' } }); + +const iconStyle = { + height: null, + lineHeight: '27px' +} + class UploadButton extends React.PureComponent { constructor (props, context) { @@ -30,11 +36,12 @@ class UploadButton extends React.PureComponent { } render () { + const { intl, resetFileKey, disabled } = this.props; return (
- +
); diff --git a/app/assets/javascripts/components/features/compose/components/upload_form.jsx b/app/assets/javascripts/components/features/compose/components/upload_form.jsx index a937cafb7..4aafe698e 100644 --- a/app/assets/javascripts/components/features/compose/components/upload_form.jsx +++ b/app/assets/javascripts/components/features/compose/components/upload_form.jsx @@ -18,7 +18,7 @@ class UploadForm extends React.PureComponent {
{({ scale }) => -
+
} -- cgit