From 7c04fdc4730edfc3e28a7fe7ad97288795569cbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Wed, 16 Feb 2022 14:37:54 +0100
Subject: [PATCH] theme: fix copy-to-clipboard hove #175

---
 static/css/theme-relearn-light.css | 2 +-
 static/css/theme.css               | 5 ++---
 static/js/relearn.js               | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/static/css/theme-relearn-light.css b/static/css/theme-relearn-light.css
index 693feeee4e..4a6d7e30d1 100644
--- a/static/css/theme-relearn-light.css
+++ b/static/css/theme-relearn-light.css
@@ -45,7 +45,7 @@
     /* base styling for boxes */
     --BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* color of the title text */
     --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */
-    --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* optional color of the content text */
+    --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
 
     /* optional base colors for colored boxes as in attachments and notice shortcode */
     --BOX-BLUE-color: rgba( 48, 117, 229, 1 );
diff --git a/static/css/theme.css b/static/css/theme.css
index e6a698c606..601d6770f2 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1052,15 +1052,14 @@ a[aria-disabled="true"] {
     padding-left: 22px;
 }
 
-.copy-to-clipboard:before {
-    content: "\f0c5";
+.copy-to-clipboard > i {
     font-family: "Font Awesome 5 Free";
     font-size: 92%;
     font-weight: 500;
     margin-left: -22px;
 }
 
-.copy-to-clipboard-inline + .copy-to-clipboard:before {
+.copy-to-clipboard-inline + .copy-to-clipboard > i {
     padding-left: 5px;
     padding-right: 5px;
 }
diff --git a/static/js/relearn.js b/static/js/relearn.js
index 7aa6066b46..a53cefadc5 100644
--- a/static/js/relearn.js
+++ b/static/js/relearn.js
@@ -364,7 +364,7 @@ jQuery(function() {
             }
 
             code.addClass('copy-to-clipboard-inline');
-            code.after('<span class="copy-to-clipboard" title="Copy to clipboard" />');
+            code.after('<span class="copy-to-clipboard" title="Copy to clipboard"><i class="fas fa-copy"></i>');
             code.next('.copy-to-clipboard').on('mouseleave', function() {
                 $(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
             });