commit a0538608a9d34e15bbcbc5fc92404ecd4e709fae
author Ben Rohlfs <brohlfs@google.com> Thu Oct 21 16:36:57 2021 +0200
committer Ben Rohlfs <brohlfs@google.com> Thu Oct 21 16:36:57 2021 +0200
tree 246e42ceab625d4446a147863b9da4802751620f
parent 5b8cc9e26c134bde649e4c168c360b917df49e22

Fix a regression with bolded buttons

Since removing the --gr-button @apply customization buttons are bolded
when they have keyboard focus. That is a regression and is fixed by this
change.

Note that `paper-button` rules trump `:host` rules in paper-button.

Change-Id: I74131118c62d7955d4f0746459cfbe90c3439f20

polygerrit-ui/app/elements/shared/gr-button/gr-button.ts

diff --git a/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts b/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts
index 8dc23e2..ea5b5bb 100644
--- a/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts
+++ b/polygerrit-ui/app/elements/shared/gr-button/gr-button.ts
@@ -88,7 +88,9 @@
           background-color: var(--background-color);
           color: var(--text-color);
           display: flex;
-          font-family: inherit;
+          font-family: var(--font-family, inherit);
+          /** Without this '.keyboard-focus' buttons will get bolded. */
+          font-weight: var(--font-weight-normal, inherit);
           justify-content: center;
           margin: var(--margin, 0);
           min-width: var(--border, 0);