github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-29 12:17:49 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Add a boarder around the video placeholder play button (#25727)

Browse Source 
The video placeholder play button is white, so on a video placeholder
that is also white it is very hard to see where the play button is, so
this change adds a dark grey transparent background to the play button
so that it stands out. This is similar to how we have done the
play/pause button on animated gifs.
This commit is contained in:
Blake Erickson 2024-02-16 13:48:57 -07:00 committed by Nat
parent 457c2bf5bb
commit c90488b917
No known key found for this signature in database
GPG Key ID: 4938B35D927EC773
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/stylesheets/common/base/onebox.scss
View File

@ -971,6 +971,17 @@ aside.onebox.mixcloud-preview {
border-right-color: rgba(0, 0, 0, 0);
margin: 0;
}
.d-icon-play {
cursor: pointer;
padding: 1em;
margin: 0.5em;
background-color: rgba(0, 0, 0, 0.5);
display: inline-flex;
justify-content: center;
align-items: center;
color: var(--secondary-or-primary);
}
}
@include hover {