From eae96cb204a5678a0b321125a8d616d2c6beb846 Mon Sep 17 00:00:00 2001 From: "Mélanie Chauvel (ariasuni)" Date: Thu, 5 Mar 2020 15:52:15 +0100 Subject: [Glitch] Add tooltips to audio/video player buttons Port 036ba3f51065a96cb9203a9ac5aa71d7d6edeebe to glitch-soc Signed-off-by: Thibaut Girka --- .../flavours/glitch/features/audio/index.js | 6 +++--- .../flavours/glitch/features/video/index.js | 20 ++++++++------------ 2 files changed, 11 insertions(+), 15 deletions(-) (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/features/audio/index.js b/app/javascript/flavours/glitch/features/audio/index.js index 033d92adf..49e91227f 100644 --- a/app/javascript/flavours/glitch/features/audio/index.js +++ b/app/javascript/flavours/glitch/features/audio/index.js @@ -199,8 +199,8 @@ class Audio extends React.PureComponent {
- - + +
  @@ -221,7 +221,7 @@ class Audio extends React.PureComponent {
- - + + +
 
@@ -512,16 +513,11 @@ class Video extends React.PureComponent {
- {(!onCloseVideo && !editable && !fullscreen) && } - {(!fullscreen && onOpenVideo) && } - {onCloseVideo && } - - - + {(!onCloseVideo && !editable && !fullscreen) && } + {(!fullscreen && onOpenVideo) && } + {onCloseVideo && } + +
-- cgit From c8f36a71ea47283a94d98fe77aede00434773255 Mon Sep 17 00:00:00 2001 From: ThibG Date: Thu, 5 Mar 2020 23:20:49 +0100 Subject: [Glitch] Change the string "Hide everything from …" to "Block domain …" in web UI MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Port 39453de232e068f58a711b2c052fe74fdd0c40b6 to glitch-soc Signed-off-by: Thibaut Girka --- app/javascript/flavours/glitch/features/account/components/header.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/features/account/components/header.js b/app/javascript/flavours/glitch/features/account/components/header.js index 6b4aff616..efcb243ba 100644 --- a/app/javascript/flavours/glitch/features/account/components/header.js +++ b/app/javascript/flavours/glitch/features/account/components/header.js @@ -30,8 +30,8 @@ const messages = defineMessages({ report: { id: 'account.report', defaultMessage: 'Report @{name}' }, share: { id: 'account.share', defaultMessage: 'Share @{name}\'s profile' }, media: { id: 'account.media', defaultMessage: 'Media' }, - blockDomain: { id: 'account.block_domain', defaultMessage: 'Hide everything from {domain}' }, - unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unhide {domain}' }, + blockDomain: { id: 'account.block_domain', defaultMessage: 'Block domain {domain}' }, + unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unblock domain {domain}' }, hideReblogs: { id: 'account.hide_reblogs', defaultMessage: 'Hide boosts from @{name}' }, showReblogs: { id: 'account.show_reblogs', defaultMessage: 'Show boosts from @{name}' }, pins: { id: 'navigation_bar.pins', defaultMessage: 'Pinned toots' }, -- cgit From 6211eff739ab13c583499db9506bde7038d585b0 Mon Sep 17 00:00:00 2001 From: koyu Date: Fri, 6 Mar 2020 05:31:51 +0100 Subject: [Glitch] Change GIF label to be displayed even when autoplay is enabled in web UI Port e69a3f54a10e58d32d7e46c494d98be948dde4b3 to glitch-soc Signed-off-by: Thibaut Girka --- app/javascript/flavours/glitch/styles/components/media.scss | 6 ------ 1 file changed, 6 deletions(-) (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/styles/components/media.scss b/app/javascript/flavours/glitch/styles/components/media.scss index 39bfaae9a..3cb076191 100644 --- a/app/javascript/flavours/glitch/styles/components/media.scss +++ b/app/javascript/flavours/glitch/styles/components/media.scss @@ -62,12 +62,6 @@ } .media-gallery__gifv { - &.autoplay { - .media-gallery__gifv__label { - display: none; - } - } - &:hover { .media-gallery__gifv__label { opacity: 1; -- cgit From 3c96a0c21da6b2d3b31bd832f3be95189fccb4bd Mon Sep 17 00:00:00 2001 From: ThibG Date: Fri, 6 Mar 2020 15:20:14 +0100 Subject: [Glitch] Fix too large announcements not being scrollable in web UI Port 503eab1c1f101e92f163ed4f8457cac9a6193ffc to glitch-soc Signed-off-by: Thibaut Girka --- .../flavours/glitch/styles/components/announcements.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/styles/components/announcements.scss b/app/javascript/flavours/glitch/styles/components/announcements.scss index eab6c728b..52feefd3c 100644 --- a/app/javascript/flavours/glitch/styles/components/announcements.scss +++ b/app/javascript/flavours/glitch/styles/components/announcements.scss @@ -1,5 +1,6 @@ .announcements__item__content { word-wrap: break-word; + overflow-y: auto; .emojione { width: 20px; @@ -69,17 +70,21 @@ box-sizing: border-box; width: 100%; padding: 15px; - padding-right: 15px + 18px; position: relative; font-size: 15px; line-height: 20px; word-wrap: break-word; font-weight: 400; + max-height: 50vh; + overflow: hidden; + display: flex; + flex-direction: column; &__range { display: block; font-weight: 500; margin-bottom: 10px; + padding-right: 18px; } &__unread { -- cgit From bdb06f50ec51ecfde2775cc894b7f659e5f696cc Mon Sep 17 00:00:00 2001 From: "Mélanie Chauvel (ariasuni)" Date: Sun, 8 Mar 2020 15:36:50 +0100 Subject: [Glitch] Fix text area above/right of emoji picker being accidentally clickable in web UI Port 2e18b1a2a2976f04f84e92d187b0620223a64fa6 to glitch-soc Signed-off-by: Thibaut Girka --- app/javascript/flavours/glitch/styles/components/composer.scss | 4 ++-- app/javascript/flavours/glitch/styles/components/emoji.scss | 6 +----- 2 files changed, 3 insertions(+), 7 deletions(-) (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss index 943776010..460f75c1f 100644 --- a/app/javascript/flavours/glitch/styles/components/composer.scss +++ b/app/javascript/flavours/glitch/styles/components/composer.scss @@ -3,8 +3,8 @@ .emoji-picker-dropdown { position: absolute; - right: 5px; - top: 5px; + top: 0; + right: 0; ::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active { diff --git a/app/javascript/flavours/glitch/styles/components/emoji.scss b/app/javascript/flavours/glitch/styles/components/emoji.scss index 160e9d811..9dfee346a 100644 --- a/app/javascript/flavours/glitch/styles/components/emoji.scss +++ b/app/javascript/flavours/glitch/styles/components/emoji.scss @@ -72,10 +72,7 @@ .emoji-button { display: block; - font-size: 24px; - line-height: 24px; - margin-left: 2px; - width: 24px; + padding: 5px 5px 2px 2px; outline: 0; cursor: pointer; @@ -91,7 +88,6 @@ margin: 0; width: 22px; height: 22px; - margin-top: 2px; } &:hover, -- cgit From 35d2189ac8a57de59f4e2f896dec4dc98dabfb0f Mon Sep 17 00:00:00 2001 From: "Mélanie Chauvel (ariasuni)" Date: Sun, 8 Mar 2020 15:59:55 +0100 Subject: [Glitch] Change description of privacy levels to be more intuitive in web UI Port 4063f9f27805de0a12904071e521094122b9f725 to glitch-soc Co-authored-by: Thibaut Girka Signed-off-by: Thibaut Girka --- .../flavours/glitch/features/compose/components/options.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/features/compose/components/options.js b/app/javascript/flavours/glitch/features/compose/components/options.js index 92348b000..9e332aabd 100644 --- a/app/javascript/flavours/glitch/features/compose/components/options.js +++ b/app/javascript/flavours/glitch/features/compose/components/options.js @@ -34,7 +34,7 @@ const messages = defineMessages({ id: 'content-type.change', }, direct_long: { - defaultMessage: 'Post to mentioned users only', + defaultMessage: 'Visible for mentioned users only', id: 'privacy.direct.long', }, direct_short: { @@ -66,7 +66,7 @@ const messages = defineMessages({ id: 'compose.content-type.plain', }, private_long: { - defaultMessage: 'Post to followers only', + defaultMessage: 'Visible for followers only', id: 'privacy.private.long', }, private_short: { @@ -74,7 +74,7 @@ const messages = defineMessages({ id: 'privacy.private.short', }, public_long: { - defaultMessage: 'Post to public timelines', + defaultMessage: 'Visible for all, shown in public timelines', id: 'privacy.public.long', }, public_short: { @@ -94,7 +94,7 @@ const messages = defineMessages({ id: 'advanced_options.threaded_mode.short', }, unlisted_long: { - defaultMessage: 'Do not show in public timelines', + defaultMessage: 'Visible for all, but not in public timelines', id: 'privacy.unlisted.long', }, unlisted_short: { -- cgit From fc53d9cc764653928b7ff6ffc34506180c10a905 Mon Sep 17 00:00:00 2001 From: Bèr Kessels Date: Sun, 8 Mar 2020 16:02:36 +0100 Subject: [Glitch] Code style improvements in JavaScript Port fd76955f3942bbd7ec830ab535bc31621cac14a4 to glitch-soc * JS-linter: fix trailing comma's * Configure eslinter to ignore this onchange error. Signed-off-by: Thibaut Girka --- .../flavours/glitch/components/intersection_observer_article.js | 2 +- app/javascript/flavours/glitch/features/blocks/index.js | 2 +- .../flavours/glitch/features/compose/components/poll_form.js | 1 + app/javascript/flavours/glitch/features/domain_blocks/index.js | 2 +- app/javascript/flavours/glitch/features/favourites/index.js | 2 +- app/javascript/flavours/glitch/features/follow_requests/index.js | 2 +- app/javascript/flavours/glitch/features/followers/index.js | 2 +- app/javascript/flavours/glitch/features/following/index.js | 2 +- app/javascript/flavours/glitch/features/lists/index.js | 2 +- app/javascript/flavours/glitch/features/mutes/index.js | 2 +- app/javascript/flavours/glitch/features/reblogs/index.js | 2 +- app/javascript/flavours/glitch/features/status/components/card.js | 2 +- app/javascript/flavours/glitch/reducers/notifications.js | 4 ++-- app/javascript/flavours/glitch/reducers/timelines.js | 4 ++-- app/javascript/flavours/glitch/selectors/index.js | 2 +- app/javascript/flavours/glitch/store/configureStore.js | 2 +- 16 files changed, 18 insertions(+), 17 deletions(-) (limited to 'app/javascript/flavours/glitch') diff --git a/app/javascript/flavours/glitch/components/intersection_observer_article.js b/app/javascript/flavours/glitch/components/intersection_observer_article.js index 03b3700df..88f29892e 100644 --- a/app/javascript/flavours/glitch/components/intersection_observer_article.js +++ b/app/javascript/flavours/glitch/components/intersection_observer_article.js @@ -45,7 +45,7 @@ export default class IntersectionObserverArticle extends React.Component { intersectionObserverWrapper.observe( id, this.node, - this.handleIntersection + this.handleIntersection, ); this.componentMounted = true; diff --git a/app/javascript/flavours/glitch/features/blocks/index.js b/app/javascript/flavours/glitch/features/blocks/index.js index 9eb6fe02e..4992689ff 100644 --- a/app/javascript/flavours/glitch/features/blocks/index.js +++ b/app/javascript/flavours/glitch/features/blocks/index.js @@ -66,7 +66,7 @@ class Blocks extends ImmutablePureComponent { bindToDocument={!multiColumn} > {accountIds.map(id => - + , )} diff --git a/app/javascript/flavours/glitch/features/compose/components/poll_form.js b/app/javascript/flavours/glitch/features/compose/components/poll_form.js index 3d818ea20..2dce54418 100644 --- a/app/javascript/flavours/glitch/features/compose/components/poll_form.js +++ b/app/javascript/flavours/glitch/features/compose/components/poll_form.js @@ -143,6 +143,7 @@ class PollForm extends ImmutablePureComponent { + {/* eslint-disable-next-line jsx-a11y/no-onchange */}