[cr148] CertificateManagerElement migrated to lit

Chromium changes:
https://chromium.googlesource.com/chromium/src/+/058f35e2f254d9c4f2d71976b864652bd8632d24

commit 058f35e2f254d9c4f2d71976b864652bd8632d24
Author: rbpotter <rbpotter@chromium.org>
Date:   Thu Mar 26 15:03:36 2026 -0700

    Certificate Manager: Cleanup Polymer leftovers

    - Remove "_lit" suffix on style files/names
    - Remove Polymer dependencies
    - Remove certificate manager folders from Polymer visibility list

    Bug: 40943652
    Change-Id: If5663b278341cd48a205c07c4d9cbca977b79f5e
    Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7690454
    Reviewed-by: Matt Mueller <mattm@chromium.org>
    Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
    Cr-Commit-Position: refs/heads/main@{#1605807}
This commit is contained in:
Claudio DeSouza
2026-04-27 12:00:53 +01:00
parent 2a4c0ae32d
commit 7ab52addf7
@@ -3,41 +3,37 @@
// License, v. 2.0. If a copy of the MPL was not distributed with this file,
// You can obtain one at https://mozilla.org/MPL/2.0/.
import { RegisterStyleOverride } from '//resources/brave/polymer_overriding.js'
import { html } from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js'
import {injectStyle} from '//resources/brave/lit_overriding.js'
import {css} from '//resources/lit/v3_0/lit.rollup.js'
import { CertificateManagerElement } from './certificate_manager-chromium.js'
RegisterStyleOverride(
'certificate-manager',
html`
<style>
.cr-nav-menu-item {
min-height: 20px !important;
border-end-end-radius: 0px !important;
border-start-end-radius: 0px !important;
box-sizing: content-box !important;
}
injectStyle(CertificateManagerElement, css`
.cr-nav-menu-item {
min-height: 20px !important;
border-end-end-radius: 0px !important;
border-start-end-radius: 0px !important;
box-sizing: content-box !important;
}
.cr-nav-menu-item:hover {
background: transparent !important;
}
.cr-nav-menu-item:hover {
background: transparent !important;
}
.cr-nav-menu-item[selected] {
--iron-icon-fill-color: var(--cr-link-color) !important;
color: var(--cr-link-color) !important;
background: transparent !important;
}
.cr-nav-menu-item[selected] {
--iron-icon-fill-color: var(--cr-link-color) !important;
color: var(--cr-link-color) !important;
background: transparent !important;
}
.cr-nav-menu-item cr-icon {
display: none !important;
}
.cr-nav-menu-item cr-icon {
display: none !important;
}
.cr-nav-menu-item cr-ripple {
display: none !important;
}
</style>
`
)
.cr-nav-menu-item cr-ripple {
display: none !important;
}
`)
// Note: This is a dynamic import so the style override is registered before the
// component is defined.