Skip to content

Instantly share code, notes, and snippets.

@productioncoder

productioncoder/VideoPreview.scss

Last active December 3, 2018 18:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save productioncoder/e471816e4a5c0799aa3d5ef75efd4130 to your computer and use it in GitHub Desktop.
Save productioncoder/e471816e4a5c0799aa3d5ef75efd4130 to your computer and use it in GitHub Desktop.
Download ZIP
Youtube in React: displaying the time label in VideoPreview using absolute positioning
Raw
shared.scss
/*...*/
$text-color-dark: #111111;
Raw
VideoPreview.scss
/* ... */
.time-label {
position: absolute;
background: $text-color-dark;
bottom: 0;
right: 0;
opacity: 0.8;
border-radius: 2px;
font-weight: 500;
color: white;
margin: 4px;
padding: 2px 4px;
line-height: 12px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment