diff --git a/app/styles/application.scss b/app/styles/application.scss index da62ca314..96ef432fd 100644 --- a/app/styles/application.scss +++ b/app/styles/application.scss @@ -45,7 +45,6 @@ @import 'components/search'; @import 'components/react-toggle'; @import 'components/still-image'; -@import 'components/spoiler-button'; @import 'components/video-player'; @import 'components/audio-player'; @import 'components/profile-hover-card'; diff --git a/app/styles/chats.scss b/app/styles/chats.scss index 7c98b11ff..499e0640f 100644 --- a/app/styles/chats.scss +++ b/app/styles/chats.scss @@ -343,10 +343,6 @@ height: 100% !important; margin: 4px 0 8px; - .spoiler-button { - display: none; - } - .media-gallery__item:not(.media-gallery__item--image) { max-width: 100%; width: 120px !important; diff --git a/app/styles/components/media-gallery.scss b/app/styles/components/media-gallery.scss index 664600893..b04a776fe 100644 --- a/app/styles/components/media-gallery.scss +++ b/app/styles/components/media-gallery.scss @@ -194,10 +194,6 @@ $media-compact-size: 50px; height: $media-compact-size !important; background: transparent; - .spoiler-button { - display: none; - } - .media-gallery__item { width: $media-compact-size !important; height: $media-compact-size !important; diff --git a/app/styles/components/spoiler-button.scss b/app/styles/components/spoiler-button.scss deleted file mode 100644 index 35498bef9..000000000 --- a/app/styles/components/spoiler-button.scss +++ /dev/null @@ -1,43 +0,0 @@ -.spoiler-button { - top: 0; - left: 0; - width: 100%; - height: 100%; - position: absolute; - z-index: 40; - - &--hidden { - display: none; - } - - .svg-icon { - width: 20px; - height: 20px; - } - - &__overlay { - display: block; - background: transparent; - width: 100%; - height: 100%; - border: 0; - - &__label { - display: inline-block; - background: var(--accent-color--faint); - border-radius: 8px; - padding: 8px 12px; - color: var(--primary-text-color); - font-weight: 500; - font-size: 14px; - } - - &:hover, - &:focus, - &:active { - .spoiler-button__overlay__label { - background: var(--accent-color--med); - } - } - } -}