PrismJS/prism

Toolbar overlay slider

Open

#1380 opened on Apr 6, 2018

View on GitHub
 (12 comments) (0 reactions) (0 assignees)JavaScript (11,488 stars) (1,296 forks)batch import
good first issueplugins

Description

Toolbar (http://prismjs.com/plugins/toolbar/) overlay slider in Firefox and Chrome.

Also, there should be a space between two buttons in toolbar, and the toolbar should be more visible.

slika

Contributor guide

Tech stack
javascriptcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
CSS positioningPrismJS plugin structure
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Investigate the toolbar plugin at plugins/toolbar/. The issue describes an overlay slider with missing spacing between buttons and low visibility. Examine the CSS for .toolbar and related selectors. The screenshot suggests a z index issue. Check recent comments for any prior attempts. Consider adding margins and adjusting z index to make toolbar more visible.