Skip to content

Commit

Permalink
Only show top overlay when activated (#74)
Browse files Browse the repository at this point in the history
  • Loading branch information
afzalsayed96 authored Nov 3, 2022
1 parent c8d18a7 commit b9c0c69
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions src/lib/LiteYouTubeEmbed.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
background-size: cover;
cursor: pointer;
}
.yt-lite:before {
.yt-lite.lyt-activated::before {
content: "";
display: block;
position: absolute;
Expand All @@ -20,7 +20,7 @@
width: 100%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.yt-lite:after {
.yt-lite::after {
content: "";
display: block;
padding-bottom: var(--aspect-ratio);
Expand All @@ -45,14 +45,14 @@
background-color: red;
opacity: 1;
}
.yt-lite > .lty-playbtn:before {
.yt-lite > .lty-playbtn::before {
content: "";
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 11px 0 11px 19px;
}
.yt-lite > .lty-playbtn,
.yt-lite > .lty-playbtn:before {
.yt-lite > .lty-playbtn::before {
position: absolute;
top: 50%;
left: 50%;
Expand All @@ -61,7 +61,7 @@
.yt-lite.lyt-activated {
cursor: unset;
}
.yt-lite.lyt-activated:before,
.yt-lite.lyt-activated::before,
.yt-lite.lyt-activated > .lty-playbtn {
opacity: 0;
pointer-events: none;
Expand Down

0 comments on commit b9c0c69

Please sign in to comment.