Added copy to clipboard button for console tab commands #2431
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Adds a copy-to-clipboard button to console tab code blocks (Unix / Windows installation commands).
Fixes: #1276, #2399
Builds on feedback from @sabderemane in PR #1434.
Changes
JavaScript
djangoproject/static/js/djangoproject.js.gp— e.g.$,...>).go)SCSS
djangoproject/scss/_console-tabs.scssposition: relativeto console tab sections.btn-clipboardstyling using absolute positioning (nofloat)Visual Comparison
Before
After
Video.Project.mp4