treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Change design of hidden media overlay (again) in web UI (#26330)

lolsob-rspec
Eugen Rochko 2023-08-03 20:39:45 +02:00 committed by GitHub
parent 1a2f3b8a9b
commit 6ff571563c
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/javascript/styles/mastodon/components.scss
View File

@ -4249,16 +4249,19 @@ a.status-card {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba($black, 0.5); background: transparent;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
border-radius: 4px;
color: $white; color: $white;
&__label { &__label {
background-color: rgba($black, 0.45);
backdrop-filter: blur(10px) saturate(180%) contrast(75%) brightness(70%);
border-radius: 6px;
padding: 10px 15px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -4272,6 +4275,13 @@ a.status-card {
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 13px;
} }
&:hover,
&:focus {
.spoiler-button__overlay__label {
background-color: rgba($black, 0.9);
}
}
} }
} }