opendev/gerrit
Code Issues Proposed changes

Replace Roboto-Medium font with Roboto and font weight.

Browse Source 
The current Roboto-Medium font is now Roboto with 500 font weight.
Example response: https://fonts.googleapis.com/css?family=Roboto:400,500

Change-Id: I3de61026cfe45e766be750cd699876c367bf03c1
This commit is contained in:
Thomas Shafer
2018-10-01 09:08:55 -07:00
parent f19ce513f3
commit bc44385c5d
34 changed files with 45 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
polygerrit-ui/app/elements/admin/gr-group-members/gr-group-members.html
View File

@@ -57,7 +57,7 @@ limitations under the License.
} }
th { th {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
text-align: left; text-align: left;
} }
.canModify #groupMemberSearchInput, .canModify #groupMemberSearchInput,

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

@@ -43,7 +43,7 @@ limitations under the License.
background-color: var(--hover-background-color); background-color: var(--hover-background-color);
} }
:host([needs-review]) { :host([needs-review]) {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
:host([highlight]) { :host([highlight]) {
background-color: var(--assignee-highlight-color); background-color: var(--assignee-highlight-color);

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

@@ -57,7 +57,7 @@ limitations under the License.
} }
.title { .title {
color: var(--deemphasized-text-color); color: var(--deemphasized-text-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
max-width: 20em; max-width: 20em;
padding-left: var(--metadata-horizontal-padding); padding-left: var(--metadata-horizontal-padding);
padding-right: .5em; padding-right: .5em;

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

@@ -47,7 +47,7 @@ limitations under the License.
color: inherit; color: inherit;
} }
.name { .name {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
section { section {
display: table-row; display: table-row;

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

@@ -91,7 +91,7 @@ limitations under the License.
font-size: 1.2rem; font-size: 1.2rem;
} }
.headerTitle .headerSubject { .headerTitle .headerSubject {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
#replyBtn { #replyBtn {
margin-bottom: 1em; margin-bottom: 1em;

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

@@ -37,7 +37,7 @@ limitations under the License.
} }
.file { .file {
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
margin: 10px 0 3px; margin: 10px 0 3px;
padding: 10px 0 5px; padding: 10px 0 5px;
} }

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

@@ -68,7 +68,7 @@ limitations under the License.
} }
.title { .title {
flex: 1; flex: 1;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.hidden { .hidden {
display: none; display: none;

2
polygerrit-ui/app/elements/change/gr-file-list-header/gr-file-list-header.html
View File

@@ -136,7 +136,7 @@ limitations under the License.
display: flex; display: flex;
} }
.label { .label {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
margin-right: 24px; margin-right: 24px;
} }
gr-commit-info, gr-commit-info,

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

@@ -158,7 +158,7 @@ limitations under the License.
} }
.drafts { .drafts {
color: #C62828; color: #C62828;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.show-hide { .show-hide {
margin-left: .35em; margin-left: .35em;

4
polygerrit-ui/app/elements/change/gr-message/gr-message.html
View File

@@ -80,7 +80,7 @@ limitations under the License.
width: 2.5em; width: 2.5em;
} }
.name { .name {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.message { .message {
--gr-formatted-text-prose-max-width: 80ch; --gr-formatted-text-prose-max-width: 80ch;
@@ -163,7 +163,7 @@ limitations under the License.
} }
gr-account-label { gr-account-label {
--gr-account-label-text-style: { --gr-account-label-text-style: {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
}; };
} }
</style> </style>

2
polygerrit-ui/app/elements/change/gr-related-changes-list/gr-related-changes-list.html
View File

@@ -70,7 +70,7 @@ limitations under the License.
} }
.status { .status {
color: var(--deemphasized-text-color); color: var(--deemphasized-text-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
margin-left: .25em; margin-left: .25em;
} }
.notCurrent { .notCurrent {

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

@@ -104,7 +104,7 @@ limitations under the License.
margin-top: 1em; margin-top: 1em;
} }
.groupName { .groupName {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.groupSize { .groupSize {
font-style: italic; font-style: italic;

4
polygerrit-ui/app/elements/core/gr-keyboard-shortcuts-dialog/gr-keyboard-shortcuts-dialog.html
View File

@@ -51,7 +51,7 @@ limitations under the License.
text-align: right; text-align: right;
} }
.header { .header {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
padding-top: 1em; padding-top: 1em;
} }
.key { .key {
@@ -59,7 +59,7 @@ limitations under the License.
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 3px; border-radius: 3px;
display: inline-block; display: inline-block;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
padding: .1em .5em; padding: .1em .5em;
text-align: center; text-align: center;
} }

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

@@ -73,7 +73,7 @@ limitations under the License.
.linksTitle { .linksTitle {
color: var(--header-text-color); color: var(--header-text-color);
display: inline-block; display: inline-block;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
position: relative; position: relative;
text-transform: uppercase; text-transform: uppercase;
} }
@@ -151,7 +151,7 @@ limitations under the License.
@media screen and (max-width: 50em) { @media screen and (max-width: 50em) {
.bigTitle { .bigTitle {
font-size: var(--font-size-large); font-size: var(--font-size-large);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
gr-smart-search, gr-smart-search,
.browse, .browse,

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

@@ -77,7 +77,7 @@ limitations under the License.
.authorName, .authorName,
.draftLabel, .draftLabel,
.draftTooltip { .draftTooltip {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.draftLabel, .draftLabel,
.draftTooltip { .draftTooltip {

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

@@ -51,7 +51,7 @@ limitations under the License.
} }
.header { .header {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.mainContainer { .mainContainer {
padding: 1em 0; padding: 1em 0;

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

@@ -184,7 +184,7 @@ limitations under the License.
.mobileNavLink { .mobileNavLink {
color: var(--primary-text-color); color: var(--primary-text-color);
font-size: 1.5rem; font-size: 1.5rem;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
text-decoration: none; text-decoration: none;
} }
.mobileNavLink:not([href]) { .mobileNavLink:not([href]) {

4
polygerrit-ui/app/elements/settings/gr-cla-view/gr-cla-view.html
View File

@@ -40,7 +40,7 @@ limitations under the License.
padding: 0.3em; padding: 0.3em;
} }
#claNewAgreementsLabel { #claNewAgreementsLabel {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
#claNewAgreement { #claNewAgreement {
display: none; display: none;
@@ -49,7 +49,7 @@ limitations under the License.
display: block; display: block;
} }
.contributorAgreementButton { .contributorAgreementButton {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.alreadySubmittedText { .alreadySubmittedText {
color: var(--error-text-color); color: var(--error-text-color);

2
polygerrit-ui/app/elements/settings/gr-registration-dialog/gr-registration-dialog.html
View File

@@ -48,7 +48,7 @@ limitations under the License.
} }
header { header {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
margin-bottom: 1em; margin-bottom: 1em;
} }
.container { .container {

2
polygerrit-ui/app/elements/shared/gr-alert/gr-alert.html
View File

@@ -54,7 +54,7 @@ limitations under the License.
} }
.action { .action {
color: var(--link-color); color: var(--link-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
margin-left: 1em; margin-left: 1em;
text-decoration: none; text-decoration: none;
--gr-button: { --gr-button: {

3
polygerrit-ui/app/elements/shared/gr-button/gr-button.html
View File

@@ -39,9 +39,6 @@ limitations under the License.
text-transform: none; text-transform: none;
} }
paper-button { paper-button {
/* paper-button sets this to anti-aliased, which appears different than
roboto-medium elsewhere. */
-webkit-font-smoothing: initial;
align-items: center; align-items: center;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--text-color); color: var(--text-color);

2
polygerrit-ui/app/elements/shared/gr-dialog/gr-dialog.html
View File

@@ -35,7 +35,7 @@ limitations under the License.
header { header {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
flex-shrink: 0; flex-shrink: 0;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
main { main {
display: flex; display: flex;

2
polygerrit-ui/app/elements/shared/gr-download-commands/gr-download-commands.html
View File

@@ -42,7 +42,7 @@ limitations under the License.
display: block; display: block;
} }
label { label {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.schemes { .schemes {
display: flex; display: flex;

2
polygerrit-ui/app/elements/shared/gr-dropdown/gr-dropdown.html
View File

@@ -94,7 +94,7 @@ limitations under the License.
@apply --gr-dropdown-item; @apply --gr-dropdown-item;
} }
.bold-text { .bold-text {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
</style> </style>
<gr-button <gr-button

2
polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html
View File

@@ -41,7 +41,7 @@ limitations under the License.
label { label {
color: var(--deemphasized-text-color); color: var(--deemphasized-text-color);
display: inline-block; display: inline-block;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

2
polygerrit-ui/app/elements/shared/gr-labeled-autocomplete/gr-labeled-autocomplete.html
View File

@@ -32,7 +32,7 @@ limitations under the License.
} }
#header { #header {
color: var(--deemphasized-text-color); color: var(--deemphasized-text-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
font-size: var(--font-size-small); font-size: var(--font-size-small);
} }
#body { #body {

2
polygerrit-ui/app/styles/dashboard-header-styles.html
View File

@@ -39,7 +39,7 @@ limitations under the License.
} }
.info > div > span { .info > div > span {
display: inline-block; display: inline-block;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
text-align: right; text-align: right;
width: 4em; width: 4em;
} }

10
polygerrit-ui/app/styles/fonts.css
View File

@@ -42,9 +42,9 @@
/* latin-ext */ /* latin-ext */
@font-face { @font-face {
font-family: 'Roboto Medium'; font-family: 'Roboto';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), src: local('Roboto Medium'), local('Roboto-Medium'),
url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff2') format('woff2'),
url('../fonts/Roboto-Medium.woff') format('woff'); url('../fonts/Roboto-Medium.woff') format('woff');
@@ -52,11 +52,11 @@
} }
/* latin */ /* latin */
@font-face { @font-face {
font-family: 'Roboto Medium'; font-family: 'Roboto';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), src: local('Roboto Medium'), local('Roboto-Medium'),
url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff2') format('woff2'),
url('../fonts/Roboto-Medium.woff') format('woff'); url('../fonts/Roboto-Medium.woff') format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
} }

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

@@ -64,7 +64,7 @@ limitations under the License.
} }
.topHeader, .topHeader,
.groupHeader { .groupHeader {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.topHeader th { .topHeader th {
background-color: var(--table-header-background-color); background-color: var(--table-header-background-color);

2
polygerrit-ui/app/styles/gr-form-styles.html
View File

@@ -46,7 +46,7 @@ limitations under the License.
} }
.gr-form-styles .title { .gr-form-styles .title {
color: var(--deemphasized-text-color); color: var(--deemphasized-text-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
padding-right: .5em; padding-right: .5em;
width: 15em; width: 15em;
} }

4
polygerrit-ui/app/styles/gr-page-nav-styles.html
View File

@@ -45,14 +45,14 @@ limitations under the License.
margin-top: 1em; margin-top: 1em;
} }
.navStyles .title { .navStyles .title {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
margin: .4em 0; margin: .4em 0;
} }
.navStyles .selected { .navStyles .selected {
background-color: var(--view-background-color); background-color: var(--view-background-color);
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
.navStyles a { .navStyles a {
color: var(--primary-text-color); color: var(--primary-text-color);

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

@@ -68,7 +68,7 @@ limitations under the License.
.genericList .topHeader, .genericList .topHeader,
.genericList .groupHeader { .genericList .groupHeader {
color: var(--primary-text-color); color: var(--primary-text-color);
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
text-align: left; text-align: left;
vertical-align: middle vertical-align: middle
} }

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

@@ -72,15 +72,15 @@ limitations under the License.
/* Other Shared Styles*/ /* Other Shared Styles*/
h1 { h1 {
font-size: 2rem; font-size: 2rem;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
h2 { h2 {
font-size: 1.5rem; font-size: 1.5rem;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
h3 { h3 {
font-size: 1.17em; font-size: 1.17em;
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
iron-icon { iron-icon {
color: var(--deemphasized-text-color); color: var(--deemphasized-text-color);
@@ -104,7 +104,7 @@ limitations under the License.
--paper-toggle-button-checked-button-color: var(--link-color); --paper-toggle-button-checked-button-color: var(--link-color);
} }
strong { strong {
font-family: var(--font-family-bold); font-weight: var(--font-weight-bold);
} }
:host { :host {
color: var(--primary-text-color); color: var(--primary-text-color);

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

@@ -34,7 +34,7 @@ limitations under the License.
--default-horizontal-margin: 1rem; --default-horizontal-margin: 1rem;
--deemphasized-text-color: #757575; --deemphasized-text-color: #757575;
--font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--font-family-bold: 'Roboto Medium', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --font-weight-bold: 500;
--monospace-font-family: 'Roboto Mono', Menlo, 'Lucida Console', Monaco, monospace; --monospace-font-family: 'Roboto Mono', Menlo, 'Lucida Console', Monaco, monospace;
--iron-overlay-backdrop: { --iron-overlay-backdrop: {
transition: none; transition: none;