commit 26aba13a8619b6bc373b39ae6ad0f3ebef46ca99
author Chris Poucet <poucet@google.com> Fri Oct 14 15:28:40 2022 +0200
committer Chris Poucet <poucet@google.com> Mon Oct 17 06:44:51 2022 +0000
tree 5d02b9f3380d8abc9f372198b9662203689a14b6
parent 804396b03062e89d13725b6f79e4ae7f2c2447ac

Get rid of gr-icons usage.

Google-Bug-Id: b/237255434
Release-Notes: skip
Change-Id: I5dbc61058c7490847222676e39d8ab5fe9fda0a6

web/suggest-owners.ts

diff --git a/web/suggest-owners.ts b/web/suggest-owners.ts
index 434ca73..4192b47 100644
--- a/web/suggest-owners.ts
+++ b/web/suggest-owners.ts
@@ -184,12 +184,11 @@
         .suggestion-row-indicator[visible] {
           visibility: visible;
         }
-        .suggestion-row-indicator[visible] iron-icon {
+        .suggestion-row-indicator[visible] gr-icon {
           color: var(--link-color);
           vertical-align: top;
           position: relative;
-          --iron-icon-height: 18px;
-          --iron-icon-width: 18px;
+          font-size: 18px;
           top: 4px; /* (26-18)/2 - 26px line-height and 18px icon */
         }
         .suggestion-group-name {
@@ -228,9 +227,8 @@
           padding-left: var(--spacing-m);
         }
 
-        .owned-by-all-users-content iron-icon {
-          width: 16px;
-          height: 16px;
+        .owned-by-all-users-content gr-icon {
+          font-size: 16px;
           padding-top: 5px;
         }
 
@@ -240,9 +238,8 @@
         .no-owners-content a {
           padding-left: var(--spacing-s);
         }
-        .no-owners-content a iron-icon {
-          width: 16px;
-          height: 16px;
+        .no-owners-content a gr-icon {
+          font-size: 16px;
           padding-top: 5px;
         }
         gr-account-label {
@@ -470,7 +467,7 @@
     if (suggestion.owners?.owned_by_all_users) {
       return html`
         <div class="owned-by-all-users-content">
-          <iron-icon icon="gr-icons:info"></iron-icon>
+          <gr-icon icon="info" filled></gr-icon>
           <span>${this.getOwnedByAllUsersContent()}</span>
         </div>
       `;