mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-30 11:13:06 +00:00
theme: fix copy-to-clipboard hove #175
This commit is contained in:
parent
f053f5a4bf
commit
7c04fdc473
3 changed files with 4 additions and 5 deletions
|
@ -45,7 +45,7 @@
|
||||||
/* base styling for boxes */
|
/* base styling for boxes */
|
||||||
--BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* color of the title text */
|
--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-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 */
|
/* optional base colors for colored boxes as in attachments and notice shortcode */
|
||||||
--BOX-BLUE-color: rgba( 48, 117, 229, 1 );
|
--BOX-BLUE-color: rgba( 48, 117, 229, 1 );
|
||||||
|
|
|
@ -1052,15 +1052,14 @@ a[aria-disabled="true"] {
|
||||||
padding-left: 22px;
|
padding-left: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.copy-to-clipboard:before {
|
.copy-to-clipboard > i {
|
||||||
content: "\f0c5";
|
|
||||||
font-family: "Font Awesome 5 Free";
|
font-family: "Font Awesome 5 Free";
|
||||||
font-size: 92%;
|
font-size: 92%;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-left: -22px;
|
margin-left: -22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.copy-to-clipboard-inline + .copy-to-clipboard:before {
|
.copy-to-clipboard-inline + .copy-to-clipboard > i {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -364,7 +364,7 @@ jQuery(function() {
|
||||||
}
|
}
|
||||||
|
|
||||||
code.addClass('copy-to-clipboard-inline');
|
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() {
|
code.next('.copy-to-clipboard').on('mouseleave', function() {
|
||||||
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue