Fix copy icon in code block

yugabyte · Nov 2, 2022 · 5374bdb · 5374bdb
1 parent 59f9cbd
commit 5374bdb
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/docs/assets/scss/_code_block.scss b/docs/assets/scss/_code_block.scss
@@ -109,12 +109,13 @@
       margin: 12px 12px 0 0;
       overflow: hidden;
       transition: all 0.2s;
+	  box-shadow:none;
 
       &::before {
         position: absolute;
         top: 0;
         left: 0;
-        font: normal normal normal 14px/1 "Font Awesome 5 Free";
+        font: normal normal normal 14px/1 "Font Awesome 6 Free";
         font-weight: 100;
         content: "\f0c5";
         color: #889396;
@@ -136,21 +137,23 @@
         position: absolute;
         top: 0;
         left: 0;
-        font: normal normal normal 11px/1 "Font Awesome 5 Free";
+        font: normal normal normal 11px/1 "Font Awesome 6 Free";
         font-weight: 100;
         content: "\f00c";
         color: #fff;
         text-align: center;
         border-radius: 2px;
         width: 100%;
-        height: 25px;
+        height: 25px; 
         line-height: 26px;
         opacity: 1;
         background-color: $YB_SUCCESS_COLOR !important;
       }
 
       &.unclicked::after {
-        content: "";
+		font: normal normal normal 11px/1 "Font Awesome 6 Free";
+		font-weight: 100;
+		content: "f0c5\f0c5";
         opacity: 0;
         -webkit-transition: opacity 0.6s cubic-bezier(0.375, 0.885, 0.6, 1) 0s;
         -moz-transition: opacity 0.6s cubic-bezier(0.375, 0.885, 0.6, 1) 0s;