1
0
Fork 0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2026-03-02 02:31:35 +00:00

Highlight current chapter in video description

This commit is contained in:
Cadence Ember 2021-07-02 00:41:50 +12:00
parent eb111a44c4
commit f62fce4fea
No known key found for this signature in database
GPG key ID: BC1C2C61CF521B17
8 changed files with 86 additions and 4 deletions

View file

@ -93,13 +93,18 @@
flex-shrink: 0
.description
position: relative
font-size: 17px
line-height: 1.4
word-break: break-word
margin: 16px 4px 4px 4px
background-color: c.$bg-accent-area
padding: 12px
border-radius: 4px
--regular-background: #{c.$bg-accent-area}
--highlight-background: #{c.$bg-darker}
.subscribe-form
display: inline-block
@ -149,3 +154,26 @@
.actor
margin: 4px 0px 10px
// Chapter highlights
.timestamp--active
margin: 4px 0px
display: inline-block
&::after
display: block
position: absolute
left: 0
right: 0
height: calc(1.4em + 4px)
transform: translateY(-1.4em) translateY(-4px)
padding-right: 6px
text-align: right
content: ""
line-height: 1.6
color: #fff
border: solid black
border-width: 2px 0px