matthew/enhanced-discord.py
1
0
Fork 0
Code Issues 4 Pull Requests 21 Projects Releases Wiki Activity

Cleanup copy button CSS and add a hover-over explanation.

Browse Source
This commit is contained in:
Rapptz
2020-05-28 01:00:49 -04:00
parent 4e9fdc6e4f
commit da4e345f3d
2 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/_static/copy.js vendored
View File

@@ -21,6 +21,8 @@ document.addEventListener("DOMContentLoaded", () => {
let copyEl = document.createElement("span"); let copyEl = document.createElement("span");
copyEl.addEventListener('click', () => copy(codeblock)); copyEl.addEventListener('click', () => copy(codeblock));
copyEl.className = "copy"; copyEl.className = "copy";
copyEl.setAttribute("aria-label", "Copy Code");
copyEl.setAttribute("title", "Copy Code");
let copyIcon = document.createElement("i"); let copyIcon = document.createElement("i");
copyIcon.className = "fas " + COPY; copyIcon.className = "fas " + COPY;

10
docs/_static/style.css vendored
View File

@@ -262,25 +262,17 @@ div.modal-content > span.close:focus {
.copy { .copy {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
width: 16px;
height: 16px;
top: 0px; top: 0px;
right: 0px; right: 0px;
border: 1px solid var(--codeblock-border); border: 1px solid var(--codeblock-border);
line-height: 0.8em; line-height: 0.8em;
font-size: 0.9em; font-size: 0.9em;
font-family: monospace;
padding-left: 0.2em; padding-left: 0.2em;
padding-right: 0.2em; padding-right: 0.2em;
border-radius: 0px 3px 0px 0px; border-bottom-left-radius: 4px;
text-align: center; text-align: center;
} }
.copy i {
display: inline;
vertical-align: middle;
}
/* -- body styles --------------------------------------------------------- */ /* -- body styles --------------------------------------------------------- */
hr { hr {