NUKnightLab / NUKnightLab/TimelineJS3

Feature request: optionally make tl-timenav transparent

Open
#904 0 comments 0 reactions 0 assignees View on GitHub

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.