opendev/gerrit
Code Issues Proposed changes

Tweak the UI of tabs

Browse Source 
Standard gray text color for unselected tabs.

Normal font-weight for focused tabs.

Reduce the width of tabs from 15rem to 12em.

Screenshots: https://imgur.com/a/X7YwFjF
Change-Id: I65c05c24a6fa228ddd8d03d7b098c3301248ad9d
This commit is contained in:
Ben Rohlfs
2019-10-30 10:26:05 +01:00
parent fadfa30d87
commit b21b648ca9
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
View File

@@ -235,7 +235,7 @@ limitations under the License.
} }
paper-tab { paper-tab {
box-sizing: border-box; box-sizing: border-box;
max-width: 15rem; max-width: 12em;
--paper-tab-ink: var(--link-color); --paper-tab-ink: var(--link-color);
} }
gr-thread-list, gr-thread-list,

10
polygerrit-ui/app/styles/shared-styles.html
View File

@@ -123,6 +123,16 @@ limitations under the License.
--paper-toggle-button-checked-bar-color: var(--link-color); --paper-toggle-button-checked-bar-color: var(--link-color);
--paper-toggle-button-checked-button-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 { strong {
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
} }