summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authordschuyler <dschuyler@chromium.org>2016-02-23 17:24:22 -0800
committerCommit bot <commit-bot@chromium.org>2016-02-24 01:26:22 +0000
commit00dbc56d62cf9bffdca5382a9777d7c4696f0fa1 (patch)
tree4d0497a9db2c386370d9818ee5a838df1e389d38
parentf1c6101de0ecd583fd47fdc69a2a241367e49b7b (diff)
downloadchromium_src-00dbc56d62cf9bffdca5382a9777d7c4696f0fa1.zip
chromium_src-00dbc56d62cf9bffdca5382a9777d7c4696f0fa1.tar.gz
chromium_src-00dbc56d62cf9bffdca5382a9777d7c4696f0fa1.tar.bz2
[MD settings] ManageLanguages settings, removing grey top line
This CL removes the unwanted grey line from the top of the Manage Languages page. BUG=512479 Review URL: https://codereview.chromium.org/1723713003 Cr-Commit-Position: refs/heads/master@{#377176}
-rw-r--r--chrome/browser/resources/settings/languages_page/manage_languages_page.html54
-rw-r--r--chrome/browser/resources/settings/settings_shared_css.html8
2 files changed, 33 insertions, 29 deletions
diff --git a/chrome/browser/resources/settings/languages_page/manage_languages_page.html b/chrome/browser/resources/settings/languages_page/manage_languages_page.html
index 44d2474..ff7d7f2 100644
--- a/chrome/browser/resources/settings/languages_page/manage_languages_page.html
+++ b/chrome/browser/resources/settings/languages_page/manage_languages_page.html
@@ -14,35 +14,37 @@
<template>
<style include="settings-shared"></style>
<settings-languages languages="{{languages}}"></settings-languages>
- <div class="settings-box block content">
- <h2 i18n-content="enabledLanguages"></h2>
- <div class="list-frame vertical-list">
- <template is="dom-repeat" items="{{languages.enabledLanguages}}">
- <div class="list-item">
- <div class="language-name start"
- title="[[item.language.nativeDisplayName]]">
- [[item.language.displayName]]
- </div>
- <paper-icon-button icon="clear" on-tap="onRemoveLanguageTap_"
- hidden$="[[!canRemoveLanguage_(item.language.code, prefs.intl.app_locale.value)]]">
- </paper-icon-button>
- </div>
- </template>
- </div>
- <h2 i18n-content="allLanguages"></h2>
- <div class="list-frame vertical-list">
- <iron-list items="{{availableLanguages_}}" as="item">
- <template>
- <div class="list-item" on-tap="onAddLanguageTap_">
- <div class="language-name">
- <span>[[item.displayName]]</span> -
- <span>[[item.nativeDisplayName]]</span>
+ <div class="settings-box first content">
+ <div class="start">
+ <h2 i18n-content="enabledLanguages"></h2>
+ <div class="list-frame vertical-list">
+ <template is="dom-repeat" items="{{languages.enabledLanguages}}">
+ <div class="list-item">
+ <div class="language-name start"
+ title="[[item.language.nativeDisplayName]]">
+ [[item.language.displayName]]
</div>
- <iron-icon icon="done" hidden$="[[!item.enabled]]">
- </iron-icon>
+ <paper-icon-button icon="clear" on-tap="onRemoveLanguageTap_"
+ hidden$="[[!canRemoveLanguage_(item.language.code, prefs.intl.app_locale.value)]]">
+ </paper-icon-button>
</div>
</template>
- </iron-list>
+ </div>
+ <h2 i18n-content="allLanguages"></h2>
+ <div class="list-frame vertical-list">
+ <iron-list items="{{availableLanguages_}}" as="item">
+ <template>
+ <div class="list-item" on-tap="onAddLanguageTap_">
+ <div class="language-name">
+ <span>[[item.displayName]]</span> -
+ <span>[[item.nativeDisplayName]]</span>
+ </div>
+ <iron-icon icon="done" hidden$="[[!item.enabled]]">
+ </iron-icon>
+ </div>
+ </template>
+ </iron-list>
+ </div>
</div>
</div>
</template>
diff --git a/chrome/browser/resources/settings/settings_shared_css.html b/chrome/browser/resources/settings/settings_shared_css.html
index 40ad5c1..7dda724 100644
--- a/chrome/browser/resources/settings/settings_shared_css.html
+++ b/chrome/browser/resources/settings/settings_shared_css.html
@@ -11,11 +11,13 @@
<template>
<style>
h2 {
+ @apply(--layout-center);
color: var(--paper-grey-500);
+ display: flex;
font-size: 100%;
- font-weight: normal;
- margin-bottom: 20px;
- margin-top: 30px;
+ font-weight: 500;
+ margin: 0;
+ min-height: 40px;
}
iron-icon {