NUKnightLab / NUKnightLab/TimelineJS3
Feature request: optionally make tl-timenav transparent
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 3.2k
- Forks
- 645
- PR merge metrics
- No merged PRs in 30d
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.
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.
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.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100