moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove .spoiler-button styles

This commit is contained in:
Alex Gleason 2022-11-19 17:17:56 -06:00
parent ba8cab0513
commit 30a34b0b82
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
4 changed files with 0 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/styles/application.scss
View File

@ -45,7 +45,6 @@
@import 'components/search'; @import 'components/search';
@import 'components/react-toggle'; @import 'components/react-toggle';
@import 'components/still-image'; @import 'components/still-image';
@import 'components/spoiler-button';
@import 'components/video-player'; @import 'components/video-player';
@import 'components/audio-player'; @import 'components/audio-player';
@import 'components/profile-hover-card'; @import 'components/profile-hover-card';

4
app/styles/chats.scss
View File

@ -343,10 +343,6 @@
height: 100% !important; height: 100% !important;
margin: 4px 0 8px; margin: 4px 0 8px;
.spoiler-button {
display: none;
}
.media-gallery__item:not(.media-gallery__item--image) { .media-gallery__item:not(.media-gallery__item--image) {
max-width: 100%; max-width: 100%;
width: 120px !important; width: 120px !important;

4
app/styles/components/media-gallery.scss
View File

@ -194,10 +194,6 @@ $media-compact-size: 50px;
height: $media-compact-size !important; height: $media-compact-size !important;
background: transparent; background: transparent;
.spoiler-button {
display: none;
}
.media-gallery__item { .media-gallery__item {
width: $media-compact-size !important; width: $media-compact-size !important;
height: $media-compact-size !important; height: $media-compact-size !important;

43
app/styles/components/spoiler-button.scss
View File

@ -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);
}
}
}
}