| 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/iron-icons/hardware-ico
ns.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/hardware-ico
ns.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
| 6 <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-item/paper-item.h
tml"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h
tml"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h
tml"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 8 <link rel="import" href="chrome://extensions/icons.html"> | 9 <link rel="import" href="chrome://extensions/icons.html"> |
| 9 | 10 |
| 10 <dom-module id="extensions-sidebar"> | 11 <dom-module id="extensions-sidebar"> |
| 11 <template> | 12 <template> |
| 12 <style> | 13 <style> |
| 13 :host { | 14 :host { |
| 14 margin-top: 30px; | 15 margin-top: 30px; |
| 15 white-space: nowrap; | 16 white-space: nowrap; |
| 16 } | 17 } |
| 17 | 18 |
| 18 #section-menu, | 19 #section-menu, |
| 19 .section-item { | 20 .section-item { |
| 20 -webkit-margin-start: 20px; | 21 -webkit-margin-start: 20px; |
| 21 } | 22 } |
| 22 | 23 |
| 23 #section-menu { | 24 #section-menu { |
| 24 --paper-menu-background-color: transparent; | 25 --paper-menu-background-color: transparent; |
| 25 --paper-menu-selected-item: { | 26 --paper-menu-selected-item: { |
| 26 background-color: transparent; | 27 background-color: transparent; |
| 27 color: rgb(66, 133, 244); | 28 color: var(--google-blue-700); |
| 28 font-weight: normal; | 29 font-weight: normal; |
| 29 } | 30 } |
| 30 | 31 |
| 31 padding: 0; | 32 padding: 0; |
| 32 } | 33 } |
| 33 | 34 |
| 34 #more-extensions { | 35 #more-extensions { |
| 35 display: flex; | 36 display: flex; |
| 36 text-decoration: none; | 37 text-decoration: none; |
| 37 } | 38 } |
| 38 | 39 |
| 39 paper-item { | 40 paper-item { |
| 40 color: #5A5A5A; | 41 color: #5A5A5A; |
| 41 cursor: pointer; | 42 cursor: pointer; |
| 42 font-size: 88%; | 43 font-size: 88%; |
| 43 padding: 0; | 44 padding: 0; |
| 44 } | 45 } |
| 45 | 46 |
| 46 .section-menu-item iron-icon, | 47 .section-menu-item iron-icon, |
| 47 .section-item iron-icon { | 48 .section-item iron-icon { |
| 48 -webkit-margin-end: 15px; | 49 -webkit-margin-end: 15px; |
| 49 } | 50 } |
| 50 | 51 |
| 51 #developer-mode-checkbox { | 52 #developer-mode-checkbox { |
| 52 --paper-checkbox-checked-color: rgb(66, 133, 244); | 53 --paper-checkbox-checked-color: var(--google-blue-700); |
| 53 --primary-text-color: #5A5A5A; | 54 --primary-text-color: #5a5a5a; |
| 54 } | 55 } |
| 55 | 56 |
| 56 #developer-mode { | 57 #developer-mode { |
| 57 display: flex; | 58 display: flex; |
| 58 } | 59 } |
| 59 | 60 |
| 60 #developer-mode span { | 61 #developer-mode span { |
| 61 flex-grow: 1; | 62 flex-grow: 1; |
| 62 } | 63 } |
| 63 | 64 |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 107 </paper-item> | 108 </paper-item> |
| 108 <paper-item class="section-item" id="update-now" | 109 <paper-item class="section-item" id="update-now" |
| 109 on-tap="onUpdateNowTap_"> | 110 on-tap="onUpdateNowTap_"> |
| 110 <span>$i18n{sidebarUpdateNow}</span> | 111 <span>$i18n{sidebarUpdateNow}</span> |
| 111 </paper-item> | 112 </paper-item> |
| 112 </template> | 113 </template> |
| 113 </div> | 114 </div> |
| 114 </template> | 115 </template> |
| 115 <script src="chrome://extensions/sidebar.js"></script> | 116 <script src="chrome://extensions/sidebar.js"></script> |
| 116 </dom-module> | 117 </dom-module> |
| OLD | NEW |