Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(383)

Side by Side Diff: chrome/browser/resources/settings/languages_page/edit_dictionary_page.html

Issue 2525003006: Language settings: tweak Custom Spelling page (Closed)
Patch Set: Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 1 <link rel="import" href="chrome://resources/cr_elements/icons.html">
2 <link rel="import" href="chrome://resources/html/polymer.html"> 2 <link rel="import" href="chrome://resources/html/polymer.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11 y-keys.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11 y-keys.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm l"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm l">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input .html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input .html">
8 <link rel="import" href="/settings_shared_css.html"> 8 <link rel="import" href="/settings_shared_css.html">
9 9
10 <dom-module id="settings-edit-dictionary-page"> 10 <dom-module id="settings-edit-dictionary-page">
11 <template> 11 <template>
12 <style include="settings-shared"> 12 <style include="settings-shared">
13 :host { 13 :host {
14 display: flex; 14 display: flex;
15 flex-direction: column; 15 flex-direction: column;
16 } 16 }
17 17
18 #newWord { 18 #newWord {
19 flex: .5; 19 width: var(--paper-input-max-width);
20 --paper-input-container-label: {
21 font-size: inherit;
22 };
20 } 23 }
21 24
22 iron-list { 25 iron-list {
23 /* TODO(michaelpg): Size to fit the viewport. */ 26 /* TODO(michaelpg): Size to fit the viewport. */
24 height: 300px; 27 height: 300px;
25 } 28 }
26 29
27 iron-list .word { 30 iron-list .word {
28 flex: 1; 31 flex: 1;
29 overflow: hidden; 32 overflow: hidden;
30 text-overflow: ellipsis; 33 text-overflow: ellipsis;
31 white-space: nowrap; 34 white-space: nowrap;
32 } 35 }
33 36
34 paper-button { 37 paper-button {
35 -webkit-margin-start: 16px; 38 -webkit-margin-start: 16px;
36 } 39 }
37 </style> 40 </style>
38 <div class="settings-box"> 41 <div class="settings-box">
39 <iron-a11y-keys id="keys" keys="enter esc" 42 <iron-a11y-keys id="keys" keys="enter esc"
40 on-keys-pressed="onKeysPress_"></iron-a11y-keys> 43 on-keys-pressed="onKeysPress_"></iron-a11y-keys>
41 <paper-input id="newWord" no-label-float 44 <div class="start">
42 label="$i18n{addDictionaryWordLabel}"></paper-input> 45 <paper-input id="newWord" no-label-float
46 label="$i18n{addDictionaryWordLabel}"></paper-input>
47 </div>
43 <paper-button on-tap="onAddWordTap_"> 48 <paper-button on-tap="onAddWordTap_">
44 $i18n{addDictionaryWordButton} 49 $i18n{addDictionaryWordButton}
45 </paper-button> 50 </paper-button>
46 </div> 51 </div>
47 <div class="settings-box block"> 52 <div class="settings-box block">
48 <h2>$i18n{customDictionaryWords}</h2> 53 <h2>$i18n{customDictionaryWords}</h2>
49 <div class="list-frame"> 54 <div class="list-frame">
50 <iron-list id="list" items="{{words_}}"> 55 <iron-list id="list" items="{{words_}}">
51 <template> 56 <template>
52 <div class="list-item"> 57 <div class="list-item">
53 <div class="word">[[item]]</div> 58 <div class="word">[[item]]</div>
54 <paper-icon-button icon="cr:clear" on-tap="onRemoveWordTap_"> 59 <paper-icon-button icon="cr:clear" on-tap="onRemoveWordTap_">
55 </paper-icon-button> 60 </paper-icon-button>
56 </div> 61 </div>
57 </template> 62 </template>
58 </iron-list> 63 </iron-list>
59 </div> 64 </div>
60 </div> 65 </div>
61 </template> 66 </template>
62 <script src="edit_dictionary_page.js"></script> 67 <script src="edit_dictionary_page.js"></script>
63 </dom-module> 68 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698