diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2023-09-22 16:03:10 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-09-22 16:03:10 +0900 |
| commit | 7dc9fe4e24a3974bd61b05002af4864aa1ad8564 (patch) | |
| tree | 459e76dbbb910f2b2f036f40a77708835f83ee8d /packages/frontend/src/components/MkMediaImage.vue | |
| parent | enhance: 二要素認証設定時のセキュリティを強化 (#11863) (diff) | |
| download | sharkey-7dc9fe4e24a3974bd61b05002af4864aa1ad8564.tar.gz sharkey-7dc9fe4e24a3974bd61b05002af4864aa1ad8564.tar.bz2 sharkey-7dc9fe4e24a3974bd61b05002af4864aa1ad8564.zip | |
feat(frontend): センシティブなメディアを目立たせる設定を追加 (#11851)
* (add) highlight sensitive image
* Update Changelog
* (change) 設定の位置
* (add) apply mediaHighlight to video
* (change) image -> media
* Update CHANGELOG
* やっぱもうちょっと太い方がいい
* (fix) style
* Update ja-JP.yml
---------
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/frontend/src/components/MkMediaImage.vue')
| -rw-r--r-- | packages/frontend/src/components/MkMediaImage.vue | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkMediaImage.vue b/packages/frontend/src/components/MkMediaImage.vue index c2d442f59f..cc1c28a9e1 100644 --- a/packages/frontend/src/components/MkMediaImage.vue +++ b/packages/frontend/src/components/MkMediaImage.vue @@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div :class="hide ? $style.hidden : $style.visible" :style="darkMode ? '--c: rgb(255 255 255 / 2%);' : '--c: rgb(0 0 0 / 2%);'" @click="onclick"> +<div :class="[hide ? $style.hidden : $style.visible, (image.isSensitive && defaultStore.state.highlightSensitiveMedia) && $style.sensitive]" :style="darkMode ? '--c: rgb(255 255 255 / 2%);' : '--c: rgb(0 0 0 / 2%);'" @click="onclick"> <component :is="disableImageLink ? 'div' : 'a'" v-bind="disableImageLink ? { @@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only :title="image.comment || image.name" :width="image.properties.width" :height="image.properties.height" - :style="hide ? 'filter: brightness(0.5);' : null" + :style="hide ? 'filter: brightness(0.7);' : null" /> </component> <template v-if="hide"> @@ -124,6 +124,22 @@ function showMenu(ev: MouseEvent) { position: relative; } +.sensitive { + position: relative; + + &::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + border-radius: inherit; + box-shadow: inset 0 0 0 4px var(--warn); + } +} + .hiddenText { position: absolute; left: 0; |