| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/cr.html"> | 1 <link rel="import" href="chrome://resources/html/cr.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/neon-animation/neon-ani
matable-behavior.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable-behavior.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/pap
er-dropdown-menu.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/pap
er-dropdown-menu.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h
tml"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h
tml"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis
tbox.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis
tbox.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> |
| 9 <link rel="import" href="chrome://extensions/animation_helper.html"> | 9 <link rel="import" href="chrome://extensions/animation_helper.html"> |
| 10 <link rel="import" href="chrome://extensions/shortcut_input.html"> | 10 <link rel="import" href="chrome://extensions/shortcut_input.html"> |
| 11 | 11 |
| 12 <dom-module id="extensions-keyboard-shortcuts"> | 12 <dom-module id="extensions-keyboard-shortcuts"> |
| 13 <template> | 13 <template> |
| 14 <style> | 14 <style> |
| 15 [hidden] { | 15 [hidden] { |
| 16 display: none !important; | 16 display: none !important; |
| 17 } | 17 } |
| 18 |
| 18 .shortcut-card { | 19 .shortcut-card { |
| 19 @apply(--shadow-elevation-2dp); | 20 @apply(--shadow-elevation-2dp); |
| 20 background-color: white; | 21 background-color: white; |
| 21 color: var(--paper-grey-600); | 22 color: var(--paper-grey-600); |
| 22 margin-bottom: 10px; | 23 margin-bottom: 10px; |
| 23 padding: 20px; | 24 padding: 20px; |
| 24 width: 90%; | 25 width: 90%; |
| 25 } | 26 } |
| 27 |
| 26 .command-entry { | 28 .command-entry { |
| 27 align-items: flex-end; | 29 align-items: flex-end; |
| 28 display: flex; | 30 display: flex; |
| 29 } | 31 } |
| 32 |
| 30 .command-name { | 33 .command-name { |
| 31 flex: 1; | 34 flex: 1; |
| 32 } | 35 } |
| 36 |
| 33 .command-entry paper-dropdown-menu { | 37 .command-entry paper-dropdown-menu { |
| 34 -webkit-margin-start: 40px; | 38 -webkit-margin-start: 40px; |
| 35 } | 39 } |
| 40 |
| 36 .card-title { | 41 .card-title { |
| 37 align-items: center; | 42 align-items: center; |
| 38 display: flex; | 43 display: flex; |
| 39 } | 44 } |
| 45 |
| 40 .icon { | 46 .icon { |
| 41 -webkit-margin-end: 20px; | 47 -webkit-margin-end: 20px; |
| 42 height: 24px; | 48 height: 24px; |
| 43 width: 24px; | 49 width: 24px; |
| 44 } | 50 } |
| 51 |
| 45 .card-controls { | 52 .card-controls { |
| 46 /* We line up the controls with the name, which is after the | 53 /* We line up the controls with the name, which is after the |
| 47 24px icon + 20px margin on the icon. */ | 54 24px icon + 20px margin on the icon. */ |
| 48 -webkit-margin-start: 44px; | 55 -webkit-margin-start: 44px; |
| 49 } | 56 } |
| 50 </style> | 57 </style> |
| 51 <div id="main"> | 58 <div id="main"> |
| 52 <template is="dom-repeat" items="[[calculateShownItems_(items.*)]]"> | 59 <template is="dom-repeat" items="[[calculateShownItems_(items.*)]]"> |
| 53 <div class="shortcut-card"> | 60 <div class="shortcut-card"> |
| 54 <div class="card-title"> | 61 <div class="card-title"> |
| (...skipping 17 matching lines...) Expand all Loading... |
| 72 </paper-dropdown> | 79 </paper-dropdown> |
| 73 </div> | 80 </div> |
| 74 </template> | 81 </template> |
| 75 </div> | 82 </div> |
| 76 </div> | 83 </div> |
| 77 </template> | 84 </template> |
| 78 </div> | 85 </div> |
| 79 </template> | 86 </template> |
| 80 <script src="chrome://extensions/keyboard_shortcuts.js"></script> | 87 <script src="chrome://extensions/keyboard_shortcuts.js"></script> |
| 81 </dom-module> | 88 </dom-module> |
| OLD | NEW |