github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-29 17:45:03 +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
parent 0821b2b6fe
commit 0003599754
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

@ -957,6 +957,17 @@ aside.onebox.mixcloud-preview {
width: 2em;
transition: width 0.15s, height 0.15s;
}
.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);
}
}
&:hover .video-placeholder-overlay .d-icon {