From f1528ea3c4b81dbc3f7bb8b5b5ae7734eeda989f Mon Sep 17 00:00:00 2001 From: ThibG Date: Tue, 20 Aug 2019 19:46:41 +0200 Subject: [Glitch] Fix handling of audio files in account media gallery Port b48c7ee059d0e08fff4bdf7fe7b0e09565288252 to glitch-soc Signed-off-by: Thibaut Girka --- .../glitch/features/account_gallery/components/media_item.js | 6 ++++++ app/javascript/flavours/glitch/features/account_gallery/index.js | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) (limited to 'app/javascript/flavours') diff --git a/app/javascript/flavours/glitch/features/account_gallery/components/media_item.js b/app/javascript/flavours/glitch/features/account_gallery/components/media_item.js index 026136b2c..d60e06715 100644 --- a/app/javascript/flavours/glitch/features/account_gallery/components/media_item.js +++ b/app/javascript/flavours/glitch/features/account_gallery/components/media_item.js @@ -94,6 +94,12 @@ export default class MediaItem extends ImmutablePureComponent { if (attachment.get('type') === 'unknown') { // Skip + } else if (attachment.get('type') === 'audio') { + thumbnail = ( + + + + ); } else if (attachment.get('type') === 'image') { const focusX = attachment.getIn(['meta', 'focus', 'x']) || 0; const focusY = attachment.getIn(['meta', 'focus', 'y']) || 0; diff --git a/app/javascript/flavours/glitch/features/account_gallery/index.js b/app/javascript/flavours/glitch/features/account_gallery/index.js index 3e4421306..66b938bea 100644 --- a/app/javascript/flavours/glitch/features/account_gallery/index.js +++ b/app/javascript/flavours/glitch/features/account_gallery/index.js @@ -111,7 +111,7 @@ export default class AccountGallery extends ImmutablePureComponent { } handleOpenMedia = attachment => { - if (attachment.get('type') === 'video') { + if (['video', 'audio'].includes(attachment.get('type'))) { this.props.dispatch(openModal('VIDEO', { media: attachment, status: attachment.get('status') })); } else { const media = attachment.getIn(['status', 'media_attachments']); -- cgit From 317fa43d9a696db353612269cb35b7741a3dfc64 Mon Sep 17 00:00:00 2001 From: "Haelwenn (lanodan) Monnier" Date: Wed, 14 Aug 2019 22:26:30 +0200 Subject: Add support for formatting element This is based of 3e095cab83f3e88c5f5f4ca9d7029379ed5b5b56 Related: https://git.pleroma.social/pleroma/pleroma/issues/1191 --- app/javascript/flavours/glitch/styles/components/status.scss | 5 +++++ app/lib/sanitize_config.rb | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) (limited to 'app/javascript/flavours') diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index d0183c2de..5db93ac3b 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -81,6 +81,11 @@ text-align: sub; } + sup { + font-size: smaller; + vertical-align: supper; + } + ul, ol { margin-left: 1em; diff --git a/app/lib/sanitize_config.rb b/app/lib/sanitize_config.rb index e6e861eb9..956c464f7 100644 --- a/app/lib/sanitize_config.rb +++ b/app/lib/sanitize_config.rb @@ -39,7 +39,7 @@ class Sanitize end MASTODON_STRICT ||= freeze_config( - elements: %w(p br span a abbr del pre blockquote code b strong u sub i em h1 h2 h3 h4 h5 ul ol li), + elements: %w(p br span a abbr del pre blockquote code b strong u sub sup i em h1 h2 h3 h4 h5 ul ol li), attributes: { 'a' => %w(href rel class title), -- cgit From 284a1562fb195d7f6d41e76511d280b2dc74ea40 Mon Sep 17 00:00:00 2001 From: ThibG Date: Tue, 20 Aug 2019 21:43:29 +0200 Subject: Fix typo --- app/javascript/flavours/glitch/styles/components/status.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'app/javascript/flavours') diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 5db93ac3b..40db7b3cb 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -83,7 +83,7 @@ sup { font-size: smaller; - vertical-align: supper; + vertical-align: super; } ul, ol { -- cgit