diff --git a/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html b/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html index bb874735ca..fd73d1fbcc 100644 --- a/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html +++ b/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html @@ -235,7 +235,7 @@ limitations under the License. } paper-tab { box-sizing: border-box; - max-width: 15rem; + max-width: 12em; --paper-tab-ink: var(--link-color); } gr-thread-list, diff --git a/polygerrit-ui/app/styles/shared-styles.html b/polygerrit-ui/app/styles/shared-styles.html index da424a5083..2c006206fe 100644 --- a/polygerrit-ui/app/styles/shared-styles.html +++ b/polygerrit-ui/app/styles/shared-styles.html @@ -123,6 +123,16 @@ limitations under the License. --paper-toggle-button-checked-bar-color: var(--link-color); --paper-toggle-button-checked-button-color: var(--link-color); } + paper-tabs { + --paper-tab-content-focused: { + /* paper-tabs uses 700 here, which can look awkward */ + font-weight: var(--font-weight-normal); + }; + --paper-tab-content-unselected: { + /* paper-tabs uses 0.8 here, but we want to control the color directly */ + opacity: 1; + color: var(--deemphasized-text-color); + }; } strong { font-weight: var(--font-weight-bold); }