Adjust favicon display when replacing search results

Removing white background and adding drop-shadow; increasing favicon size from 12px to 16px
pull/773/head
Kevin Payravi 2024-07-27 05:57:50 -05:00
parent 2dbd3dc4e0
commit c132fd0961
2 changed files with 5 additions and 4 deletions

View File

@ -69,7 +69,6 @@
}
.iwb-new-link div:first-of-type {
display: inline-block;
background: white;
border-radius: 16px;
margin-right: 10px;
width: fit-content;
@ -78,7 +77,9 @@
padding: 5px;
}
.iwb-new-link img {
width: 12px;
width: 16px;
height: 16px;
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}
.iwb-disavow > *:not([class^="iwb-"]):not(.scs_child_rpr) {
opacity: 60%;

View File

@ -55,8 +55,8 @@ function replaceSearchResults(searchResultContainer, site, link) {
let indieResultFaviconContainer = document.createElement('div');
let indieResultFavicon = document.createElement('img');
indieResultFavicon.alt = '';
indieResultFavicon.width = '12';
indieResultFavicon.height = '12';
indieResultFavicon.width = '16';
indieResultFavicon.height = '16';
indieResultFavicon.src = extensionAPI.runtime.getURL('favicons/' + site.language.toLowerCase() + '/' + site.destination_icon);
indieResultFaviconContainer.append(indieResultFavicon);
let indieResultText = document.createElement('span');