awesome font

This commit is contained in:
Your New SJW Waifu 2020-11-15 22:39:43 -06:00
parent 452ac2bccb
commit 2bb0b56fec
2 changed files with 6 additions and 2 deletions

View File

@ -31,9 +31,9 @@ PleromaModImgsearch.prototype.createSearchBtn = function (attachment) {
let btn = document.createElement("a");
btn.classList.add("imgsearch");
btn.classList.add("button-icon");
btn.classList.add("icon-search");
btn.setAttribute("href", query);
btn.setAttribute("target", "_blank");
btn.innerHTML = '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fa-scale-110 fa-old-padding svg-inline--fa fa-search fa-w-16 fa-fw"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" class=""></path></svg>';
return btn;
}
}

View File

@ -25,6 +25,10 @@ div.attachment.image a.imgsearch:active {
box-shadow: var(--buttonPressedShadow);
}
div.attachment.image a.imagesearch .fa-old-padding.svg-inline--fa {
padding: .5em .3em;
}
@media (hover: none) {
div.attachment.image a.imgsearch {
opacity: 0.8;
@ -35,4 +39,4 @@ div.attachment.image a.imgsearch:active {
div.attachment.image a.imgsearch {
opacity: 0;
}
}
}