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

Side by Side Diff: chrome/browser/resources/settings/on_startup_page/startup_url_entry.html

Issue 2133793003: Unify iron-dropdown CSS (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: More feedback Created 4 years, 5 months 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
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/html/icon.html"> 3 <link rel="import" href="chrome://resources/html/icon.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-drop down.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-drop down.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 5 <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-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="/on_startup_page/startup_urls_page_browser_proxy.html"> 7 <link rel="import" href="/on_startup_page/startup_urls_page_browser_proxy.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-startup-url-entry"> 10 <dom-module id="settings-startup-url-entry">
11 <template> 11 <template>
12 <style include="settings-shared"> 12 <style include="settings-shared">
13 .dropdown-content {
14 background: white;
15 box-shadow: 0 2px 6px grey;
16 }
17
18 .hide-overflow { 13 .hide-overflow {
19 overflow: hidden; 14 overflow: hidden;
20 } 15 }
21
22 paper-item:hover {
23 background-color: var(--settings-hover-color);
24 }
25 </style> 16 </style>
26 <div class="list-item underbar"> 17 <div class="list-item underbar">
27 <div class="favicon-image" 18 <div class="favicon-image"
28 style="background-image: [[getIconSet_(model.url)]]"> 19 style="background-image: [[getIconSet_(model.url)]]">
29 </div> 20 </div>
30 <div class="middle hide-overflow"> 21 <div class="middle hide-overflow">
31 <div class="text-elide">[[model.title]]</div> 22 <div class="text-elide">[[model.title]]</div>
32 <div class="text-elide secondary">[[model.url]]</div> 23 <div class="text-elide secondary">[[model.url]]</div>
33 </div> 24 </div>
34 <paper-icon-button id="dots" icon="cr:more-vert" toggles 25 <paper-icon-button id="dots" icon="cr:more-vert" toggles
35 active="{{menuOpened}}"></paper-icon-button> 26 active="{{menuOpened}}"></paper-icon-button>
36 <template is="dom-if" if="[[menuOpened]]"> 27 <template is="dom-if" if="[[menuOpened]]">
37 <iron-dropdown vertical-align="top" horizontal-align="right" 28 <iron-dropdown vertical-align="top" horizontal-align="right"
38 opened="{{menuOpened}}"> 29 opened="{{menuOpened}}">
39 <div class="dropdown-content"> 30 <div class="dropdown-content">
40 <paper-item on-tap="onEditTap_">$i18n{onStartupEdit}</paper-item> 31 <paper-item on-tap="onEditTap_">$i18n{onStartupEdit}</paper-item>
41 <paper-item id="remove" on-tap="onRemoveTap_"> 32 <paper-item id="remove" on-tap="onRemoveTap_">
42 $i18n{onStartupRemove} 33 $i18n{onStartupRemove}
43 </paper-item> 34 </paper-item>
44 </div> 35 </div>
45 </iron-dropdown> 36 </iron-dropdown>
46 </template> 37 </template>
47 </div> 38 </div>
48 </template> 39 </template>
49 <script src="startup_url_entry.js"></script> 40 <script src="startup_url_entry.js"></script>
50 </dom-module> 41 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698