From 64154c5161d4d5c82877fba549d72068cc7f9e16 Mon Sep 17 00:00:00 2001 From: "Brian C. Lindner" Date: Sun, 31 May 2020 14:34:34 -0400 Subject: Allow Ctrl-click to keep EmojiPicker window open (#13896) --- .../mastodon/features/compose/components/emoji_picker_dropdown.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'app/javascript') diff --git a/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.js b/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.js index 582bb0d39..a6186010b 100644 --- a/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.js +++ b/app/javascript/mastodon/features/compose/components/emoji_picker_dropdown.js @@ -199,12 +199,13 @@ class EmojiPickerMenu extends React.PureComponent { }; } - handleClick = emoji => { + handleClick = (emoji, event) => { if (!emoji.native) { emoji.native = emoji.colons; } - - this.props.onClose(); + if (!event.ctrlKey) { + this.props.onClose(); + } this.props.onPick(emoji); } -- cgit From b4a8400afd88a2ae8822757e5d30975494be2512 Mon Sep 17 00:00:00 2001 From: Christopher Choi Date: Sun, 31 May 2020 11:35:18 -0700 Subject: Adjust flash alert contrast for better readability (#13892) --- app/javascript/styles/mastodon/forms.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'app/javascript') diff --git a/app/javascript/styles/mastodon/forms.scss b/app/javascript/styles/mastodon/forms.scss index 0e5b00e8f..7a0b2f9a3 100644 --- a/app/javascript/styles/mastodon/forms.scss +++ b/app/javascript/styles/mastodon/forms.scss @@ -587,7 +587,7 @@ code { &.alert { border: 1px solid rgba($error-value-color, 0.5); - background: rgba($error-value-color, 0.25); + background: rgba($error-value-color, 0.1); color: $error-value-color; } -- cgit From eeddb1a624c0e743e3e7b6d35104adfb10f2a747 Mon Sep 17 00:00:00 2001 From: ThibG Date: Sun, 31 May 2020 20:38:56 +0200 Subject: Fix unsent toot confirmation dialog not popping up in single column (#13888) --- .../features/ui/components/compose_panel.js | 38 +++++++++++++++++----- app/javascript/mastodon/features/ui/index.js | 1 + 2 files changed, 30 insertions(+), 9 deletions(-) (limited to 'app/javascript') diff --git a/app/javascript/mastodon/features/ui/components/compose_panel.js b/app/javascript/mastodon/features/ui/components/compose_panel.js index c7821f473..3d0c48c7a 100644 --- a/app/javascript/mastodon/features/ui/components/compose_panel.js +++ b/app/javascript/mastodon/features/ui/components/compose_panel.js @@ -1,16 +1,36 @@ import React from 'react'; +import { connect } from 'react-redux'; +import PropTypes from 'prop-types'; import SearchContainer from 'mastodon/features/compose/containers/search_container'; import ComposeFormContainer from 'mastodon/features/compose/containers/compose_form_container'; import NavigationContainer from 'mastodon/features/compose/containers/navigation_container'; import LinkFooter from './link_footer'; +import { changeComposing } from 'mastodon/actions/compose'; -const ComposePanel = () => ( -
- - - - -
-); +export default @connect() +class ComposePanel extends React.PureComponent { -export default ComposePanel; + static propTypes = { + dispatch: PropTypes.func.isRequired, + }; + + onFocus = () => { + this.props.dispatch(changeComposing(true)); + } + + onBlur = () => { + this.props.dispatch(changeComposing(false)); + } + + render() { + return ( +
+ + + + +
+ ); + } + +} diff --git a/app/javascript/mastodon/features/ui/index.js b/app/javascript/mastodon/features/ui/index.js index 81ffad22e..d21ecf208 100644 --- a/app/javascript/mastodon/features/ui/index.js +++ b/app/javascript/mastodon/features/ui/index.js @@ -254,6 +254,7 @@ class UI extends React.PureComponent { dispatch(synchronouslySubmitMarkers()); if (isComposing && (hasComposingText || hasMediaAttachments)) { + e.preventDefault(); // Setting returnValue to any string causes confirmation dialog. // Many browsers no longer display this text to users, // but we set user-friendly message for other browsers, e.g. Edge. -- cgit From 1f94f4009e5b072f8b508b1bf1a046ea034de7c1 Mon Sep 17 00:00:00 2001 From: ariasuni Date: Mon, 1 Jun 2020 02:10:45 +0200 Subject: Improve appearance of notification cleaning UI - Use smaller font-size for consistency with the rest of the UI - Make better use of the horizontal space when available --- .../flavours/glitch/styles/components/columns.scss | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) (limited to 'app/javascript') diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss index 3269638eb..6b657660a 100644 --- a/app/javascript/flavours/glitch/styles/components/columns.scss +++ b/app/javascript/flavours/glitch/styles/components/columns.scss @@ -363,8 +363,8 @@ @extend .column-header__button; background: transparent; text-align: center; - padding: 10px 0; - white-space: pre-wrap; + padding: 10px 5px; + font-size: 14px; } b { @@ -372,6 +372,23 @@ } } + +.layout-single-column .column-header__notif-cleaning-buttons { + @media screen and (min-width: $no-gap-breakpoint) { + b, i { + margin-right: 5px; + } + + br { + display: none; + } + + button { + padding: 15px 5px; + } + } +} + // The notifs drawer with no padding to have more space for the buttons .column-header__collapsible-inner.nopad-drawer { padding: 0; -- cgit From a8559458c3dece078db3e087973bfee10379318a Mon Sep 17 00:00:00 2001 From: "Brian C. Lindner" Date: Sun, 31 May 2020 14:34:34 -0400 Subject: [Glitch] Allow Ctrl-click to keep EmojiPicker window open Port 64154c5161d4d5c82877fba549d72068cc7f9e16 to glitch-soc Signed-off-by: Thibaut Girka --- app/javascript/flavours/glitch/features/emoji_picker/index.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'app/javascript') diff --git a/app/javascript/flavours/glitch/features/emoji_picker/index.js b/app/javascript/flavours/glitch/features/emoji_picker/index.js index 3717fcd82..14e5cb94a 100644 --- a/app/javascript/flavours/glitch/features/emoji_picker/index.js +++ b/app/javascript/flavours/glitch/features/emoji_picker/index.js @@ -279,12 +279,13 @@ class EmojiPickerMenu extends React.PureComponent { }; } - handleClick = emoji => { + handleClick = (emoji, event) => { if (!emoji.native) { emoji.native = emoji.colons; } - - this.props.onClose(); + if (!event.ctrlKey) { + this.props.onClose(); + } this.props.onPick(emoji); } -- cgit From c225ac8b9eebf4cc3f32bf3f204f7a5256d93d38 Mon Sep 17 00:00:00 2001 From: Christopher Choi Date: Sun, 31 May 2020 11:35:18 -0700 Subject: [Glitch] Adjust flash alert contrast for better readability Port b4a8400afd88a2ae8822757e5d30975494be2512 to glitch-soc Signed-off-by: Thibaut Girka --- app/javascript/flavours/glitch/styles/forms.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'app/javascript') diff --git a/app/javascript/flavours/glitch/styles/forms.scss b/app/javascript/flavours/glitch/styles/forms.scss index 5de650f0a..6767c15f1 100644 --- a/app/javascript/flavours/glitch/styles/forms.scss +++ b/app/javascript/flavours/glitch/styles/forms.scss @@ -578,7 +578,7 @@ code { &.alert { border: 1px solid rgba($error-value-color, 0.5); - background: rgba($error-value-color, 0.25); + background: rgba($error-value-color, 0.1); color: $error-value-color; } -- cgit From f96a891853e73454bacdb25922d403834878f8c4 Mon Sep 17 00:00:00 2001 From: Yamagishi Kazutoshi Date: Tue, 2 Jun 2020 10:24:04 +0900 Subject: Fix ref attr for react-textarea-autozsize (#13936) --- app/javascript/mastodon/components/autosuggest_textarea.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'app/javascript') diff --git a/app/javascript/mastodon/components/autosuggest_textarea.js b/app/javascript/mastodon/components/autosuggest_textarea.js index ac2a6366a..58ec4f6eb 100644 --- a/app/javascript/mastodon/components/autosuggest_textarea.js +++ b/app/javascript/mastodon/components/autosuggest_textarea.js @@ -208,7 +208,7 @@ export default class AutosuggestTextarea extends ImmutablePureComponent { {placeholder}