Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

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 GitHub
parent e497f6bf9b
commit ffac012bbc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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; width: 2em;
transition: width 0.15s, height 0.15s; 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 { &:hover .video-placeholder-overlay .d-icon {