diff --git a/frontend/src/static/js/components/test/webstatus-overview-cells.test.ts b/frontend/src/static/js/components/test/webstatus-overview-cells.test.ts index 1643e9986..7ae6259c3 100644 --- a/frontend/src/static/js/components/test/webstatus-overview-cells.test.ts +++ b/frontend/src/static/js/components/test/webstatus-overview-cells.test.ts @@ -454,7 +454,7 @@ describe('renderDesktopAvailablity', () => { const div = el.querySelector('div'); expect(div).to.exist; expect(div!.getAttribute('class')).to.equal('browser-impl-available'); - expect(div!.innerHTML).to.not.include('disabled'); + expect(div!.innerHTML).to.include('Since '); expect(div!.innerHTML).to.include('chrome_24x24.png'); }); it('renders a grayscale icon for an available feature', async () => { @@ -475,7 +475,7 @@ describe('renderDesktopAvailablity', () => { const div = el.querySelector('div'); expect(div).to.exist; expect(div!.getAttribute('class')).to.equal('browser-impl-unavailable'); - expect(div!.innerHTML).to.include('disabled'); + expect(div!.innerHTML).to.include('Not available'); expect(div!.innerHTML).to.include('chrome_24x24.png'); }); }); diff --git a/frontend/src/static/js/components/webstatus-overview-cells.ts b/frontend/src/static/js/components/webstatus-overview-cells.ts index efc383828..c025b0f39 100644 --- a/frontend/src/static/js/components/webstatus-overview-cells.ts +++ b/frontend/src/static/js/components/webstatus-overview-cells.ts @@ -281,8 +281,9 @@ export const renderDesktopAvailablity: CellRenderer = ( return html`
diff --git a/frontend/src/static/js/components/webstatus-overview-table.ts b/frontend/src/static/js/components/webstatus-overview-table.ts index 950689a72..3778749d3 100644 --- a/frontend/src/static/js/components/webstatus-overview-table.ts +++ b/frontend/src/static/js/components/webstatus-overview-table.ts @@ -76,7 +76,7 @@ export class WebstatusOverviewTable extends LitElement { .baseline-date-block { padding-top: var(--content-padding-quarter); } - .browser-impl-unavailable { + .browser-impl-unavailable img { filter: grayscale(1); opacity: 50%; }