diff options
author | tommycli <tommycli@chromium.org> | 2016-03-25 17:47:25 -0700 |
---|---|---|
committer | Commit bot <commit-bot@chromium.org> | 2016-03-26 00:48:45 +0000 |
commit | c10ca235aa356649359a0eeafb66efa0c2409ea0 (patch) | |
tree | b1f5012a69d6ae3b30b8e71388219eb312c65ff7 /chrome/browser/resources/settings/settings_page/settings_subheader.html | |
parent | bb7ae0e1760d0782437ac193214c944bc41790ff (diff) | |
download | chromium_src-c10ca235aa356649359a0eeafb66efa0c2409ea0.zip chromium_src-c10ca235aa356649359a0eeafb66efa0c2409ea0.tar.gz chromium_src-c10ca235aa356649359a0eeafb66efa0c2409ea0.tar.bz2 |
Settings People Revamp: Address CSS wrongdoings.
This also fixes the subheader of all subpages.
BUG=597868
Review URL: https://codereview.chromium.org/1832253002
Cr-Commit-Position: refs/heads/master@{#383423}
Diffstat (limited to 'chrome/browser/resources/settings/settings_page/settings_subheader.html')
-rw-r--r-- | chrome/browser/resources/settings/settings_page/settings_subheader.html | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/chrome/browser/resources/settings/settings_page/settings_subheader.html b/chrome/browser/resources/settings/settings_page/settings_subheader.html index 0f5bf068..ad3f437 100644 --- a/chrome/browser/resources/settings/settings_page/settings_subheader.html +++ b/chrome/browser/resources/settings/settings_page/settings_subheader.html @@ -1,21 +1,30 @@ <link rel="import" href="chrome://resources/html/polymer.html"> <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html"> <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html"> +<link rel="import" href="chrome://md-settings/settings_shared_css.html"> <dom-module id="settings-subheader"> <template> <style include="settings-shared"> + :host { + display: block; + margin: 8px 0 16px 0; + } + :root { - --iron-icon-fill-color: var(--settings-side-nav-color); - --paper-icon-button: { - width: 36px; - height: 36px; - margin: 0 12px 0 -8px; - } + --iron-icon-fill-color: var(--settings-nav-grey); + } + + paper-icon-button { + /* The inner icon is 20px in size. paper-icon-button has 8px padding. */ + height: 36px; + /* Centers the ripple on the icon with appropriate margin on right. */ + margin: 0 12px 0 -8px; + width: 36px; } h2 { - color: var(--settings-side-nav-color); + color: var(--settings-nav-grey); font-size: 107.6923%; /* go to 14px from 13px */ } </style> |