added favicon rounding

Author: shakyShane

special-pages/pages/history/app/mocks/history.mocks.js

@@ -19,6 +19,10 @@ export const historyMocks = {
                 url: 'https://www.youtube.com/watch?v=75Mw8r5gW8E',
                 domain: 'www.youtube.com',
                 etldPlusOne: 'youtube.com',
+                favicon: {
+                    src: './company-icons/fake.svg',
+                    maxAvailableSize: 32,
+                },
             },
             {
                 id: 'history-id-02',

special-pages/pages/history/integration-tests/history-selections.spec.js

@@ -178,5 +178,4 @@ test.describe('history selections', () => {
         await hp.selectsRowIndexWithShift(2);
         await hp.deletesWithKeyboard(hp.ids(3), { action: 'delete' });
     });
-    test.skip('resets underlying state when elements are removed', () => {});
 });

special-pages/pages/history/integration-tests/history.screenshots.spec.js-snapshots/header-search-dark-integration-darwin.png

@@ -1,8 +1,11 @@
 .favicon {
+    --border-radius: 8px;
+
     display: block;
     background-repeat: no-repeat;
     background-size: contain;
     pointer-events: none;
+    border-radius: var(--border-radius);
 }
 
 .faviconLarge {
@@ -13,6 +16,7 @@
 .faviconSmall {
     max-height: calc(16 * var(--px-in-rem));
     max-width: calc(16 * var(--px-in-rem));
+    --border-radius: 4px;
 }
 
 .faviconText {
@@ -23,7 +27,6 @@
     color: white;
     font-size: 1.1rem;
     font-weight: 600;
-    border-radius: 8px;
     height: calc(32 * var(--px-in-rem));
     width: calc(32 * var(--px-in-rem));
 
@@ -33,7 +36,6 @@
 
     &.faviconSmall {
         font-size: 0.5rem;
-        border-radius: 4px;
         height: calc(16 * var(--px-in-rem));
         width: calc(16 * var(--px-in-rem));
     }