From 8f53134b5ed2b452ee694dc59133d6164d6b3539 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Sat, 3 Jul 2021 12:43:56 +0200 Subject: [PATCH 1/6] Minor accessibility improvements MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/soapbox/components/column_back_button.js | 8 +++++++- app/soapbox/components/column_back_button_slim.js | 2 +- app/styles/components/columns.scss | 2 +- app/styles/components/promo-panel.scss | 2 +- app/styles/components/react-toggle.scss | 8 +++----- app/styles/components/status.scss | 2 +- app/styles/components/tabs-bar.scss | 6 ++++-- app/styles/forms.scss | 4 ++++ 8 files changed, 22 insertions(+), 12 deletions(-) diff --git a/app/soapbox/components/column_back_button.js b/app/soapbox/components/column_back_button.js index 34e0daeff..1ce0d8f1f 100644 --- a/app/soapbox/components/column_back_button.js +++ b/app/soapbox/components/column_back_button.js @@ -17,9 +17,15 @@ export default class ColumnBackButton extends React.PureComponent { } } + handleKeyUp = (e) => { + if (e.key === 'Enter') { + this.handleClick(); + } + } + render() { return ( - diff --git a/app/soapbox/components/column_back_button_slim.js b/app/soapbox/components/column_back_button_slim.js index 0edec7de4..70f4081df 100644 --- a/app/soapbox/components/column_back_button_slim.js +++ b/app/soapbox/components/column_back_button_slim.js @@ -8,7 +8,7 @@ export default class ColumnBackButtonSlim extends ColumnBackButton { render() { return (
-
+
diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index 0beae81af..8867b129e 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -217,7 +217,7 @@ z-index: 3; outline: 0; - &:hover { + &:hover, &:focus { text-decoration: underline; } } diff --git a/app/styles/components/promo-panel.scss b/app/styles/components/promo-panel.scss index 78625e338..8c1433b3f 100644 --- a/app/styles/components/promo-panel.scss +++ b/app/styles/components/promo-panel.scss @@ -20,7 +20,7 @@ border-bottom: 0; } - &:hover { + &:hover, &:focus { color: var(--primary-text-color--faint); span { diff --git a/app/styles/components/react-toggle.scss b/app/styles/components/react-toggle.scss index e2be2ef14..5a72c3b2d 100644 --- a/app/styles/components/react-toggle.scss +++ b/app/styles/components/react-toggle.scss @@ -36,7 +36,9 @@ transition: background-color 0.2s ease; } -.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track { +.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track, +.react-toggle.react-toggle--focus:not(.react-toggle--disabled) .react-toggle-track, +.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { background-color: var(--brand-color--hicontrast); } @@ -44,10 +46,6 @@ background-color: var(--brand-color); } -.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { - background-color: var(--brand-color--hicontrast); -} - .react-toggle-track-check { position: absolute; width: 14px; diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index f65a700fc..7244cf401 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -424,7 +424,7 @@ background: var(--brand-color--med); transition: 0.2s; - &:hover { + &:hover, &:focus { background: hsla(var(--brand-color_hsl), 0.5); text-decoration: none; } diff --git a/app/styles/components/tabs-bar.scss b/app/styles/components/tabs-bar.scss index 905533630..69ac2d301 100644 --- a/app/styles/components/tabs-bar.scss +++ b/app/styles/components/tabs-bar.scss @@ -152,7 +152,8 @@ background-color: var(--accent-color); } - &:hover:not(.react-toggle--disabled) .react-toggle-track { + &:hover:not(.react-toggle--disabled) .react-toggle-track, + &.react-toggle--focus .react-toggle-track { background-color: var(--accent-color--bright); } } @@ -250,7 +251,8 @@ } &.active::before, - &:hover::before { + &:hover::before, + &:focus::before { height: 30px; opacity: 1; diff --git a/app/styles/forms.scss b/app/styles/forms.scss index 1c0a2cc22..ebd91c250 100644 --- a/app/styles/forms.scss +++ b/app/styles/forms.scss @@ -479,6 +479,10 @@ code { position: relative; margin-top: 8px; cursor: pointer; + + &:focus { + background: var(--accent-color--faint); + } } .select-wrapper { From 4d3f4c5680d738fe7052c16e567f64eb3bb85e5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Sat, 3 Jul 2021 15:28:55 +0200 Subject: [PATCH 2/6] Accessible emoiji picker MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/soapbox/components/emoji_selector.js | 43 ++++++++++++++++++- app/soapbox/components/icon_button.js | 8 ++++ .../features/status/components/action_bar.js | 36 ++++++++++++++-- app/styles/components/detailed-status.scss | 16 +++++++ app/styles/components/emoji-reacts.scss | 4 +- app/styles/components/status.scss | 18 ++++++++ 6 files changed, 117 insertions(+), 8 deletions(-) diff --git a/app/soapbox/components/emoji_selector.js b/app/soapbox/components/emoji_selector.js index 4cd0395e3..7839712c9 100644 --- a/app/soapbox/components/emoji_selector.js +++ b/app/soapbox/components/emoji_selector.js @@ -15,25 +15,64 @@ class EmojiSelector extends ImmutablePureComponent { static propTypes = { onReact: PropTypes.func.isRequired, + onUnfocus: PropTypes.func, visible: PropTypes.bool, + focused: PropTypes.bool, } static defaultProps = { onReact: () => {}, + onUnfocus: () => {}, visible: false, } + handleBlur = e => { + const { focused, onUnfocus } = this.props; + + if (focused && (!e.relatedTarget || !e.relatedTarget.classList.contains('emoji-react-selector__emoji'))) { + onUnfocus(); + } + } + + handleKeyUp = i => e => { + switch (e.key) { + case 'Left': + case 'ArrowLeft': + if (i !== 0) { + this.node.querySelector(`.emoji-react-selector__emoji:nth-child(${i})`).focus(); + } + break; + case 'Right': + case 'ArrowRight': + if (i !== this.props.allowedEmoji.size - 1) { + this.node.querySelector(`.emoji-react-selector__emoji:nth-child(${i + 2})`).focus(); + } + break; + } + } + + setRef = c => { + this.node = c; + } + + render() { - const { onReact, visible, allowedEmoji } = this.props; + const { onReact, visible, focused, allowedEmoji } = this.props; return ( -
+
{allowedEmoji.map((emoji, i) => (
diff --git a/app/soapbox/components/icon_button.js b/app/soapbox/components/icon_button.js index 949f4e5b4..21ed4ca95 100644 --- a/app/soapbox/components/icon_button.js +++ b/app/soapbox/components/icon_button.js @@ -13,6 +13,8 @@ export default class IconButton extends React.PureComponent { title: PropTypes.string.isRequired, icon: PropTypes.string.isRequired, onClick: PropTypes.func, + onKeyUp: PropTypes.func, + onKeyDown: PropTypes.func, onMouseEnter: PropTypes.func, onMouseLeave: PropTypes.func, size: PropTypes.number, @@ -37,6 +39,8 @@ export default class IconButton extends React.PureComponent { animate: false, overlay: false, tabIndex: '0', + onKeyUp: () => {}, + onKeyDown: () => {}, onClick: () => {}, onMouseEnter: () => {}, onMouseLeave: () => {}, @@ -94,6 +98,8 @@ export default class IconButton extends React.PureComponent { title={title} className={classes} onClick={this.handleClick} + onKeyUp={this.props.onKeyUp} + onKeyDown={this.props.onKeyDown} onMouseEnter={this.props.onMouseEnter} onMouseLeave={this.props.onMouseLeave} tabIndex={tabIndex} @@ -119,6 +125,8 @@ export default class IconButton extends React.PureComponent { title={title} className={classes} onClick={this.handleClick} + onKeyUp={this.props.onKeyUp} + onKeyDown={this.props.onKeyDown} onMouseEnter={this.props.onMouseEnter} onMouseLeave={this.props.onMouseLeave} tabIndex={tabIndex} diff --git a/app/soapbox/features/status/components/action_bar.js b/app/soapbox/features/status/components/action_bar.js index 0642e1f06..2ab2652af 100644 --- a/app/soapbox/features/status/components/action_bar.js +++ b/app/soapbox/features/status/components/action_bar.js @@ -48,6 +48,7 @@ const messages = defineMessages({ reactionOpenMouth: { id: 'status.reactions.open_mouth', defaultMessage: 'Wow' }, reactionCry: { id: 'status.reactions.cry', defaultMessage: 'Sad' }, reactionWeary: { id: 'status.reactions.weary', defaultMessage: 'Weary' }, + emojiPickerExpand: { id: 'status.reactions_expand', defaultMessage: 'Select emoji' }, }); const mapStateToProps = state => { @@ -103,6 +104,7 @@ class ActionBar extends React.PureComponent { state = { emojiSelectorVisible: false, + emojiSelectorFocused: false, } handleReplyClick = () => { @@ -165,10 +167,23 @@ class ActionBar extends React.PureComponent { } else { this.props.onOpenUnauthorizedModal(); } - this.setState({ emojiSelectorVisible: false }); + this.setState({ emojiSelectorVisible: false, emojiSelectorFocused: false }); }; } + handleEmojiSelectorExpand = e => { + if (e.key === 'Enter') { + this.setState({ emojiSelectorFocused: true }); + const firstEmoji = this.node.querySelector('.emoji-react-selector .emoji-react-selector__emoji'); + firstEmoji.focus(); + } + e.preventDefault(); + } + + handleEmojiSelectorUnfocus = () => { + this.setState({ emojiSelectorFocused: false }); + } + handleDeleteClick = () => { this.props.onDelete(this.props.status, this.context.router.history); } @@ -258,13 +273,13 @@ class ActionBar extends React.PureComponent { componentDidMount() { document.addEventListener('click', e => { if (this.node && !this.node.contains(e.target)) - this.setState({ emojiSelectorVisible: false }); + this.setState({ emojiSelectorVisible: false, emojiSelectorFocused: false }); }); } render() { const { status, intl, me, isStaff, allowedEmoji } = this.props; - const { emojiSelectorVisible } = this.state; + const { emojiSelectorVisible, emojiSelectorFocused } = this.state; const publicStatus = ['public', 'unlisted'].includes(status.get('visibility')); const mutingConversation = status.get('muted'); @@ -364,7 +379,12 @@ class ActionBar extends React.PureComponent { onMouseLeave={this.handleLikeButtonLeave} ref={this.setRef} > - + +
{shareButton} diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss index 4cbaad0ed..a15e4f0c8 100644 --- a/app/styles/components/detailed-status.scss +++ b/app/styles/components/detailed-status.scss @@ -87,6 +87,22 @@ transform: translateY(-1px); } } + + .emoji-picker-expand { + display: none; + } + + &:focus-within { + .emoji-picker-expand { + display: inline-flex; + width: 0; + overflow: hidden; + + &:focus-within { + width: unset; + } + } + } } .detailed-status__wrapper { diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss index d9a4450c7..f0ad0efa4 100644 --- a/app/styles/components/emoji-reacts.scss +++ b/app/styles/components/emoji-reacts.scss @@ -80,7 +80,7 @@ transition: 0.1s; z-index: 999; - &--visible { + &--visible, &--focused { opacity: 1; pointer-events: all; } @@ -99,7 +99,7 @@ transition: 0.1s; } - &:hover { + &:hover, &:focus { img { width: 36px; height: 36px; diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index 7244cf401..347a6c0e4 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -666,3 +666,21 @@ a.status-card.compact:hover { border-radius: 4px; } } + +.status__action-bar, .detailed-status__action-bar { + .emoji-picker-expand { + display: none; + } + + &:focus-within { + .emoji-picker-expand { + display: inline-flex; + width: 0; + overflow: hidden; + + &:focus-within { + width: unset; + } + } + } +} From 9be49cdcb341845b63885277c8a4fc5f4722e716 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Sat, 3 Jul 2021 15:33:47 +0200 Subject: [PATCH 3/6] Lint styles MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/styles/components/columns.scss | 3 ++- app/styles/components/detailed-status.scss | 2 +- app/styles/components/emoji-reacts.scss | 6 ++++-- app/styles/components/promo-panel.scss | 3 ++- app/styles/components/status.scss | 6 ++++-- 5 files changed, 13 insertions(+), 7 deletions(-) diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index 8867b129e..075686ad1 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -217,7 +217,8 @@ z-index: 3; outline: 0; - &:hover, &:focus { + &:hover, + &:focus { text-decoration: underline; } } diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss index a15e4f0c8..e29b1508d 100644 --- a/app/styles/components/detailed-status.scss +++ b/app/styles/components/detailed-status.scss @@ -97,7 +97,7 @@ display: inline-flex; width: 0; overflow: hidden; - + &:focus-within { width: unset; } diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss index f0ad0efa4..9b2311099 100644 --- a/app/styles/components/emoji-reacts.scss +++ b/app/styles/components/emoji-reacts.scss @@ -80,7 +80,8 @@ transition: 0.1s; z-index: 999; - &--visible, &--focused { + &--visible, + &--focused { opacity: 1; pointer-events: all; } @@ -99,7 +100,8 @@ transition: 0.1s; } - &:hover, &:focus { + &:hover, + &:focus { img { width: 36px; height: 36px; diff --git a/app/styles/components/promo-panel.scss b/app/styles/components/promo-panel.scss index 8c1433b3f..e6e97a047 100644 --- a/app/styles/components/promo-panel.scss +++ b/app/styles/components/promo-panel.scss @@ -20,7 +20,8 @@ border-bottom: 0; } - &:hover, &:focus { + &:hover, + &:focus { color: var(--primary-text-color--faint); span { diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index 347a6c0e4..aa4e4d224 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -424,7 +424,8 @@ background: var(--brand-color--med); transition: 0.2s; - &:hover, &:focus { + &:hover, + &:focus { background: hsla(var(--brand-color_hsl), 0.5); text-decoration: none; } @@ -667,7 +668,8 @@ a.status-card.compact:hover { } } -.status__action-bar, .detailed-status__action-bar { +.status__action-bar, +.detailed-status__action-bar { .emoji-picker-expand { display: none; } From 5f50711eff3a95b8266c3e1ea01f706b82c0e6a3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Sat, 3 Jul 2021 16:55:58 +0200 Subject: [PATCH 4/6] translation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/soapbox/locales/pl.json | 1 + 1 file changed, 1 insertion(+) diff --git a/app/soapbox/locales/pl.json b/app/soapbox/locales/pl.json index e507477b3..d4132c10b 100644 --- a/app/soapbox/locales/pl.json +++ b/app/soapbox/locales/pl.json @@ -686,6 +686,7 @@ "status.reactions.like": "Lubię", "status.reactions.open_mouth": "Wow", "status.reactions.weary": "Nuda…", + "status.reactions_expand": "Wybierz emoji", "status.read_more": "Czytaj dalej", "status.reblog": "Podbij", "status.reblog_private": "Podbij dla odbiorców oryginalnego wpisu", From 690da99d75b1092f4f305dff84c624fc15be6ff0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Sun, 18 Jul 2021 14:02:15 +0200 Subject: [PATCH 5/6] remove emoji selector related changes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/soapbox/components/emoji_selector.js | 43 +------------------ .../features/status/components/action_bar.js | 36 ++-------------- app/soapbox/locales/pl.json | 1 - app/styles/components/detailed-status.scss | 16 ------- app/styles/components/emoji-reacts.scss | 6 +-- app/styles/components/status.scss | 19 -------- 6 files changed, 8 insertions(+), 113 deletions(-) diff --git a/app/soapbox/components/emoji_selector.js b/app/soapbox/components/emoji_selector.js index 7839712c9..4cd0395e3 100644 --- a/app/soapbox/components/emoji_selector.js +++ b/app/soapbox/components/emoji_selector.js @@ -15,64 +15,25 @@ class EmojiSelector extends ImmutablePureComponent { static propTypes = { onReact: PropTypes.func.isRequired, - onUnfocus: PropTypes.func, visible: PropTypes.bool, - focused: PropTypes.bool, } static defaultProps = { onReact: () => {}, - onUnfocus: () => {}, visible: false, } - handleBlur = e => { - const { focused, onUnfocus } = this.props; - - if (focused && (!e.relatedTarget || !e.relatedTarget.classList.contains('emoji-react-selector__emoji'))) { - onUnfocus(); - } - } - - handleKeyUp = i => e => { - switch (e.key) { - case 'Left': - case 'ArrowLeft': - if (i !== 0) { - this.node.querySelector(`.emoji-react-selector__emoji:nth-child(${i})`).focus(); - } - break; - case 'Right': - case 'ArrowRight': - if (i !== this.props.allowedEmoji.size - 1) { - this.node.querySelector(`.emoji-react-selector__emoji:nth-child(${i + 2})`).focus(); - } - break; - } - } - - setRef = c => { - this.node = c; - } - - render() { - const { onReact, visible, focused, allowedEmoji } = this.props; + const { onReact, visible, allowedEmoji } = this.props; return ( -
+
{allowedEmoji.map((emoji, i) => (
diff --git a/app/soapbox/features/status/components/action_bar.js b/app/soapbox/features/status/components/action_bar.js index 2ab2652af..0642e1f06 100644 --- a/app/soapbox/features/status/components/action_bar.js +++ b/app/soapbox/features/status/components/action_bar.js @@ -48,7 +48,6 @@ const messages = defineMessages({ reactionOpenMouth: { id: 'status.reactions.open_mouth', defaultMessage: 'Wow' }, reactionCry: { id: 'status.reactions.cry', defaultMessage: 'Sad' }, reactionWeary: { id: 'status.reactions.weary', defaultMessage: 'Weary' }, - emojiPickerExpand: { id: 'status.reactions_expand', defaultMessage: 'Select emoji' }, }); const mapStateToProps = state => { @@ -104,7 +103,6 @@ class ActionBar extends React.PureComponent { state = { emojiSelectorVisible: false, - emojiSelectorFocused: false, } handleReplyClick = () => { @@ -167,23 +165,10 @@ class ActionBar extends React.PureComponent { } else { this.props.onOpenUnauthorizedModal(); } - this.setState({ emojiSelectorVisible: false, emojiSelectorFocused: false }); + this.setState({ emojiSelectorVisible: false }); }; } - handleEmojiSelectorExpand = e => { - if (e.key === 'Enter') { - this.setState({ emojiSelectorFocused: true }); - const firstEmoji = this.node.querySelector('.emoji-react-selector .emoji-react-selector__emoji'); - firstEmoji.focus(); - } - e.preventDefault(); - } - - handleEmojiSelectorUnfocus = () => { - this.setState({ emojiSelectorFocused: false }); - } - handleDeleteClick = () => { this.props.onDelete(this.props.status, this.context.router.history); } @@ -273,13 +258,13 @@ class ActionBar extends React.PureComponent { componentDidMount() { document.addEventListener('click', e => { if (this.node && !this.node.contains(e.target)) - this.setState({ emojiSelectorVisible: false, emojiSelectorFocused: false }); + this.setState({ emojiSelectorVisible: false }); }); } render() { const { status, intl, me, isStaff, allowedEmoji } = this.props; - const { emojiSelectorVisible, emojiSelectorFocused } = this.state; + const { emojiSelectorVisible } = this.state; const publicStatus = ['public', 'unlisted'].includes(status.get('visibility')); const mutingConversation = status.get('muted'); @@ -379,12 +364,7 @@ class ActionBar extends React.PureComponent { onMouseLeave={this.handleLikeButtonLeave} ref={this.setRef} > - + -
{shareButton} diff --git a/app/soapbox/locales/pl.json b/app/soapbox/locales/pl.json index d4132c10b..e507477b3 100644 --- a/app/soapbox/locales/pl.json +++ b/app/soapbox/locales/pl.json @@ -686,7 +686,6 @@ "status.reactions.like": "Lubię", "status.reactions.open_mouth": "Wow", "status.reactions.weary": "Nuda…", - "status.reactions_expand": "Wybierz emoji", "status.read_more": "Czytaj dalej", "status.reblog": "Podbij", "status.reblog_private": "Podbij dla odbiorców oryginalnego wpisu", diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss index e29b1508d..4cbaad0ed 100644 --- a/app/styles/components/detailed-status.scss +++ b/app/styles/components/detailed-status.scss @@ -87,22 +87,6 @@ transform: translateY(-1px); } } - - .emoji-picker-expand { - display: none; - } - - &:focus-within { - .emoji-picker-expand { - display: inline-flex; - width: 0; - overflow: hidden; - - &:focus-within { - width: unset; - } - } - } } .detailed-status__wrapper { diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss index 9b2311099..d9a4450c7 100644 --- a/app/styles/components/emoji-reacts.scss +++ b/app/styles/components/emoji-reacts.scss @@ -80,8 +80,7 @@ transition: 0.1s; z-index: 999; - &--visible, - &--focused { + &--visible { opacity: 1; pointer-events: all; } @@ -100,8 +99,7 @@ transition: 0.1s; } - &:hover, - &:focus { + &:hover { img { width: 36px; height: 36px; diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index aa4e4d224..e485d57a7 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -667,22 +667,3 @@ a.status-card.compact:hover { border-radius: 4px; } } - -.status__action-bar, -.detailed-status__action-bar { - .emoji-picker-expand { - display: none; - } - - &:focus-within { - .emoji-picker-expand { - display: inline-flex; - width: 0; - overflow: hidden; - - &:focus-within { - width: unset; - } - } - } -} From 8cf8937bc95212856bf62045ac707c7cc9b05264 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Tue, 20 Jul 2021 11:51:49 +0200 Subject: [PATCH 6/6] Update snapshots MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- .../__tests__/__snapshots__/column_back_button-test.js.snap | 1 + .../__tests__/__snapshots__/column_back_button_slim-test.js.snap | 1 + 2 files changed, 2 insertions(+) diff --git a/app/soapbox/components/__tests__/__snapshots__/column_back_button-test.js.snap b/app/soapbox/components/__tests__/__snapshots__/column_back_button-test.js.snap index b7fb5b8b3..11cf66e96 100644 --- a/app/soapbox/components/__tests__/__snapshots__/column_back_button-test.js.snap +++ b/app/soapbox/components/__tests__/__snapshots__/column_back_button-test.js.snap @@ -4,6 +4,7 @@ exports[` renders correctly 1`] = `