OLD | NEW |
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 flex: .5; |
20 } | 20 } |
21 | 21 |
22 iron-list { | 22 iron-list { |
23 /* TODO(michaelpg): Size to fit the viewport. */ | 23 /* TODO(michaelpg): Size to fit the viewport. */ |
24 height: 300px; | 24 height: 300px; |
25 } | 25 } |
26 | 26 |
27 iron-list .word { | 27 iron-list .word { |
28 flex: 1; | 28 flex: 1; |
| 29 overflow: hidden; |
| 30 text-overflow: ellipsis; |
| 31 white-space: nowrap; |
29 } | 32 } |
30 | 33 |
31 paper-button { | 34 paper-button { |
32 -webkit-margin-start: 16px; | 35 -webkit-margin-start: 16px; |
33 } | 36 } |
34 </style> | 37 </style> |
35 <div class="settings-box"> | 38 <div class="settings-box"> |
36 <iron-a11y-keys id="keys" keys="enter esc" | 39 <iron-a11y-keys id="keys" keys="enter esc" |
37 on-keys-pressed="onKeysPress_"></iron-a11y-keys> | 40 on-keys-pressed="onKeysPress_"></iron-a11y-keys> |
38 <paper-input id="newWord" no-label-float | 41 <paper-input id="newWord" no-label-float |
(...skipping 12 matching lines...) Expand all Loading... |
51 <paper-icon-button icon="cr:clear" on-tap="onRemoveWordTap_"> | 54 <paper-icon-button icon="cr:clear" on-tap="onRemoveWordTap_"> |
52 </paper-icon-button> | 55 </paper-icon-button> |
53 </div> | 56 </div> |
54 </template> | 57 </template> |
55 </iron-list> | 58 </iron-list> |
56 </div> | 59 </div> |
57 </div> | 60 </div> |
58 </template> | 61 </template> |
59 <script src="edit_dictionary_page.js"></script> | 62 <script src="edit_dictionary_page.js"></script> |
60 </dom-module> | 63 </dom-module> |
OLD | NEW |