diff --git a/src/routes/_components/status/StatusMediaAttachments.html b/src/routes/_components/status/StatusMediaAttachments.html index 56ed836b..2f7740e4 100644 --- a/src/routes/_components/status/StatusMediaAttachments.html +++ b/src/routes/_components/status/StatusMediaAttachments.html @@ -4,9 +4,9 @@ {#if sensitiveShown} @@ -85,6 +85,10 @@ z-index: 90; } + .status-sensitive-media-shown .status-sensitive-media-button.status-sensitive-media-button-transparent { + top: 5px; + } + .status-sensitive-media-hidden .status-sensitive-media-button { position: absolute; right: 0; @@ -147,6 +151,10 @@ bottom: 0; } + .status-sensitive-media-hidden .svg-wrapper.svg-wrapper-transparent { + top: 5px; + } + .status-sensitive-media-container.grouped-images .svg-wrapper { border-radius: 6px; } @@ -210,6 +218,14 @@ } return `padding-bottom: ${Math.ceil(mediaAttachments.length / 2) * 29}%;` }, + sensitiveMediaButtonClass: ({ canUseBlurhash }) => classname( + 'status-sensitive-media-button', + canUseBlurhash && 'status-sensitive-media-button-transparent' + ), + svgWrapperClass: ({ canUseBlurhash }) => classname( + 'svg-wrapper', + canUseBlurhash && 'svg-wrapper-transparent' + ), customWarningClass: ({ canUseBlurhash }) => classname( 'status-sensitive-media-warning', canUseBlurhash ? 'status-sensitive-media-warning-transparent' : 'status-sensitive-media-warning-opaque'