opendev/gerrit
Code Issues Proposed changes

Change to Open Sans as the font for all headers

Browse Source 
Use 18px Open Sans with weight 400 instead of 16px Roboto with 500 weight.

Change-Id: Ib5eccb36c252b78ccd8c87443d930cf9658c7f24
This commit is contained in:
Ben Rohlfs
2020-02-18 13:41:54 +01:00
parent 4220f980cc
commit c873ae68bc
12 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
polygerrit-ui/app/elements/change-list/gr-create-change-help/gr-create-change-help.html
View File

@@ -55,6 +55,7 @@ limitations under the License.
vertical-align: top;
}
#help h1 {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

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

@@ -91,6 +91,7 @@ limitations under the License.
align-items: center;
display: flex;
flex: 1;
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
@@ -98,9 +99,6 @@ limitations under the License.
.changeNumberColon {
color: transparent;
}
.headerTitle .headerSubject {
font-weight: var(--font-weight-bold);
}
#replyBtn {
margin-bottom: var(--spacing-l);
}
@@ -300,6 +298,7 @@ limitations under the License.
}
.headerTitle {
flex-wrap: wrap;
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

1
polygerrit-ui/app/elements/change/gr-included-in-dialog/gr-included-in-dialog.html
View File

@@ -43,6 +43,7 @@ limitations under the License.
}
#title {
display: inline-block;
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

1
polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.html
View File

@@ -160,6 +160,7 @@ limitations under the License.
}
@media screen and (max-width: 50em) {
.bigTitle {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

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

@@ -113,6 +113,7 @@ limitations under the License.
}
.loading {
color: var(--deemphasized-text-color);
font-family: var(--header-font-family);
font-size: var(--font-size-h1);
font-weight: var(--font-weight-h1);
line-height: var(--line-height-h1);
@@ -196,6 +197,7 @@ limitations under the License.
}
.mobileNavLink {
color: var(--primary-text-color);
font-family: var(--header-font-family);
font-size: var(--font-size-h2);
font-weight: var(--font-weight-h2);
line-height: var(--line-height-h2);

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

@@ -51,6 +51,7 @@ limitations under the License.
padding: var(--spacing-m) var(--spacing-l);
}
header gr-editable-label {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
@@ -74,6 +75,7 @@ limitations under the License.
.controlGroup {
align-items: center;
display: flex;
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

1
polygerrit-ui/app/elements/gr-app-element.html
View File

@@ -112,6 +112,7 @@ limitations under the License.
margin-top: var(--spacing-m);
}
.errorText {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

1
polygerrit-ui/app/styles/gr-change-list-styles.html
View File

@@ -162,6 +162,7 @@ limitations under the License.
}
@media only screen and (max-width: 50em) {
:host {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

1
polygerrit-ui/app/styles/gr-change-view-integration-shared-styles.html
View File

@@ -41,6 +41,7 @@ limitations under the License.
border-bottom: 1px solid var(--border-color);
}
.header .label {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

1
polygerrit-ui/app/styles/gr-table-styles.html
View File

@@ -78,6 +78,7 @@ limitations under the License.
}
.genericList .groupHeader {
background-color: var(--table-subheader-background-color);
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

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

@@ -102,16 +102,19 @@ limitations under the License.
line-height: var(--line-height-small);
}
h1, .font-h1 {
font-family: var(--header-font-family);
font-size: var(--font-size-h1);
font-weight: var(--font-weight-h1);
line-height: var(--line-height-h1);
}
h2, .font-h2 {
font-family: var(--header-font-family);
font-size: var(--font-size-h2);
font-weight: var(--font-weight-h2);
line-height: var(--line-height-h2);
}
h3, .font-h3 {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);

9
polygerrit-ui/app/styles/themes/app-theme.html
View File

@@ -81,12 +81,13 @@ html {
/* fonts */
--font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--header-font-family: 'Open Sans', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--monospace-font-family: 'Roboto Mono', 'SF Mono', 'Lucida Console', Monaco, monospace;
--font-size-code: 12px; /* 12px mono */
--font-size-mono: .929rem; /* 13px mono */
--font-size-small: .857rem; /* 12px */
--font-size-normal: 1rem; /* 14px */
--font-size-h3: 1.143rem; /* 16px */
--font-size-h3: 1.286rem; /* 18px */
--font-size-h2: 1.429rem; /* 20px */
--font-size-h1: 1.714rem; /* 24px */
--line-height-code: 1.334; /* 16px */
@@ -98,9 +99,9 @@ html {
--line-height-h1: 2.286rem; /* 32px */
--font-weight-normal: 400; /* 400 is the same as 'normal' */
--font-weight-bold: 500;
--font-weight-h1: 500;
--font-weight-h2: 500;
--font-weight-h3: 500;
--font-weight-h1: 400;
--font-weight-h2: 400;
--font-weight-h3: 400;
/* spacing */
--spacing-xxs: 1px;