From 2e3b8dc3d1900c6ecbde0862032e9d1f7e8556c5 Mon Sep 17 00:00:00 2001
From: Rapptz <rapptz@gmail.com>
Date: Thu, 28 May 2020 01:00:49 -0400
Subject: [PATCH] Cleanup copy button CSS and add a hover-over explanation.
---
docs/_static/copy.js | 2 ++
docs/_static/style.css | 10 +---------
2 files changed, 3 insertions(+), 9 deletions(-)
diff --git a/docs/_static/copy.js b/docs/_static/copy.js
index e02100620..7eb6060f3 100644
--- a/docs/_static/copy.js
+++ b/docs/_static/copy.js
@@ -21,6 +21,8 @@ document.addEventListener("DOMContentLoaded", () => {
let copyEl = document.createElement("span");
copyEl.addEventListener('click', () => copy(codeblock));
copyEl.className = "copy";
+ copyEl.setAttribute("aria-label", "Copy Code");
+ copyEl.setAttribute("title", "Copy Code");
let copyIcon = document.createElement("i");
copyIcon.className = "fas " + COPY;
diff --git a/docs/_static/style.css b/docs/_static/style.css
index d0b94ce0a..26b2c8d6c 100644
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -262,25 +262,17 @@ div.modal-content > span.close:focus {
.copy {
cursor: pointer;
position: absolute;
- width: 16px;
- height: 16px;
top: 0px;
right: 0px;
border: 1px solid var(--codeblock-border);
line-height: 0.8em;
font-size: 0.9em;
- font-family: monospace;
padding-left: 0.2em;
padding-right: 0.2em;
- border-radius: 0px 3px 0px 0px;
+ border-bottom-left-radius: 4px;
text-align: center;
}
-.copy i {
- display: inline;
- vertical-align: middle;
-}
-
/* -- body styles --------------------------------------------------------- */
hr {