MD Extension: have a global font-size and line-height.

This CL consolidates individual "font-size:13px"s and "line-height:20px"s into a global rule. Bug: 741877 Change-Id: Ica1d1498f7f7c7ad11df8f522dd22984230c0f73 Reviewed-on: https://chromium-review.googlesource.com/574672Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org> Commit-Queue: Scott Chen <scottchen@chromium.org> Cr-Commit-Position: refs/heads/master@{#487370}

MD Extension: have a global font-size and line-height.
This CL consolidates individual "font-size:13px"s and "line-height:20px"s into a global rule. Bug: 741877 Change-Id: Ica1d1498f7f7c7ad11df8f522dd22984230c0f73 Reviewed-on: https://chromium-review.googlesource.com/574672Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org> Commit-Queue: Scott Chen <scottchen@chromium.org> Cr-Commit-Position: refs/heads/master@{#487370}
a11f1331 · Scott Chen · Commit Bot · dfec8a9d · a11f1331 · a11f1331
Commit a11f1331 authored Jul 18, 2017 by Scott Chen Committed by Commit Bot Jul 18, 2017
10 changed files
--- a/chrome/browser/resources/md_extensions/detail_view.html
+++ b/chrome/browser/resources/md_extensions/detail_view.html
@@ -68,7 +68,6 @@
      .section {
        border-bottom: 1px solid var(--paper-grey-400);
-        font-size: 13px;
        padding: 16px 20px;
      }

--- a/chrome/browser/resources/md_extensions/extensions.html
+++ b/chrome/browser/resources/md_extensions/extensions.html
@@ -13,14 +13,15 @@
    html,
    body {
-      font-family: Roboto;
      height: 100%;
+      line-height: 154%;
      margin: 0;
    }
  </style>
 </head>
 <body>
  <extensions-manager></extensions-manager>
+  <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
  <link rel="import" href="chrome://resources/html/load_time_data.html">
  <link rel="import" href="chrome://extensions/strings.html">
  <link rel="import" href="chrome://extensions/service.html">

--- a/chrome/browser/resources/md_extensions/item.html
+++ b/chrome/browser/resources/md_extensions/item.html
@@ -33,7 +33,6 @@
        background: white;
        display: flex;
        flex-direction: column;
-        font-size: 13px;
        height: 160px;
        width: 400px;
      }
@@ -83,12 +82,6 @@
        color: var(--paper-grey-600);
      }
-      #description,
-      #extension-id,
-      #inspect-views {
-        line-height: 20px;
-      }
      #inspect-views paper-button {
        color: var(--google-blue-700);
        height: 20px;

--- a/chrome/browser/resources/md_extensions/keyboard_shortcuts.html
+++ b/chrome/browser/resources/md_extensions/keyboard_shortcuts.html
@@ -25,7 +25,6 @@
      .command-entry {
        align-items: center;
        display: flex;
-        font-size: 13px;
        height: 48px;
      }

--- a/chrome/browser/resources/md_extensions/load_error.html
+++ b/chrome/browser/resources/md_extensions/load_error.html
@@ -9,12 +9,6 @@
 <dom-module id="extensions-load-error">
  <template>
    <style include="cr-shared-style">
-      .body {
-        /* TODO(scottchen): make a shared font-size/line-height css file. */
-        font-size: 13px;
-        line-height: 20px;
-      }
      .description-row {
        display: flex;
      }
@@ -29,7 +23,6 @@
        border-radius: 2px;
        cursor: pointer;
        display: flex;
-        font-size: 13px;
        justify-content: center;
        padding: 8px 12px;
        text-transform: uppercase;

--- a/chrome/browser/resources/md_extensions/manager.html
+++ b/chrome/browser/resources/md_extensions/manager.html
@@ -67,7 +67,6 @@
      extensions-toolbar {
        background: var(--md-toolbar-color);
-        font-size: 13px;
      }
    </style>
    <extensions-drop-overlay></extensions-drop-overlay>

--- a/chrome/browser/resources/md_extensions/pack_dialog.html
+++ b/chrome/browser/resources/md_extensions/pack_dialog.html
@@ -15,18 +15,11 @@
        border-radius: 2px;
        cursor: pointer;
        display: flex;
-        font-size: 13px;
        justify-content: center;
        padding: 8px 12px;
        text-transform: uppercase;
      }
-      .body {
-        /* TODO(scottchen): make a shared font-size/line-height css file. */
-        font-size: 13px;
-        line-height: 20px;
-      }
      .file-input {
        display: flex;
        --paper-input-container-input: {

--- a/chrome/browser/resources/md_extensions/shortcut_input.html
+++ b/chrome/browser/resources/md_extensions/shortcut_input.html
@@ -24,7 +24,7 @@
        --paper-input-container-color: var(--paper-grey-400);
        --paper-input-container-focus-color: var(--google-blue-500);
        --paper-input-container-input: {
-          font-size: 13px;
+          font-size: inherit;
        };
      }

--- a/chrome/browser/resources/md_extensions/sidebar.html
+++ b/chrome/browser/resources/md_extensions/sidebar.html
@@ -38,7 +38,6 @@
        -webkit-padding-start: 24px;
        color: #5A5A5A;
        cursor: pointer;
-        font-size: 13px;
        height: 48px;
      }

--- a/chrome/browser/resources/md_extensions/toolbar.html
+++ b/chrome/browser/resources/md_extensions/toolbar.html
@@ -19,7 +19,6 @@
      cr-toolbar {
        --cr-toolbar-field-width: var(--toolbar-width);
        background: var(--toolbar-color);
-        font-size: 13px;
      }
      .dev-controls {
@@ -40,7 +39,6 @@
        -webkit-margin-end: 16px;
        -webkit-margin-start: 0;
        color: white;
-        font-size: 13px;
        padding: 12px 9px;
      }