Feature request: optionally make tl-timenav transparent
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 35/100
- Issue type
- Feature
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- css, javascript
- Domain
- frontend
Research direction
Start by reproducing the timeline on a narrow screen and inspect the .tl-timenav styling and responsive rendering. Clarify which requested behavior is in scope: transparent timeline background, media placement above copy, or preserving media credits. Done should include an agreed mobile layout and verification that the selected behavior works without losing the credit below media.
Written by the indexing model from the issue text.
Description
I tried to get it with internal css
.tl-timenav { background-color: transparent; background: rgba(242, 242, 242, 0.5); }
I did lose the gray, but still couldn't see through. (rgba had no effect.)
My collaborator / content creator expressed some concern about constraints on how much copy could fit on a slide.
I was thinking perhaps with some text faintly visible through the timeline it would suggest to the viewer that they can scroll down. I think having the time line at the bottom is better than at the top.
One more option possibility would be to be able to choose if media could float above the copy when the responsive display is squeezed, as on a phone.
Also, when the slide is rendered on a narrow screen the credit below the media disappears.
- Dominant language
- JavaScript
- Stars
- 3.2k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from NUKnightLab/TimelineJS3
-
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
NUKnightLab/TimelineJS3#797 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 68/100
NUKnightLab/TimelineJS3#617 ·
-
Bug CSS
Difficulty 1/5 Under an hour Newbie friendliness 62/100
NUKnightLab/TimelineJS3#602 ·
-
Difficulty 4/5 3-5 days Newbie friendliness 35/100
NUKnightLab/TimelineJS3#902 · 2 comments ·
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
NUKnightLab/TimelineJS3#900 ·
All issues in NUKnightLab/TimelineJS3
Similar issues
-
bug
Difficulty 1/5 Under an hour Newbie friendliness 90/100
apache/cloudstack#14222 ·
-
Browser Waiting for: Product Owner
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
getsentry/sentry-javascript#24577 · 1 comment ·
-
curation good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
amponce/archive-movie-browser#186 ·
-
light
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
aemdemos/patients-stryker#253 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
clerk/javascript#9852 ·