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

Side by Side Diff: chrome/browser/resources/settings/site_settings/site_list.html

Issue 2429973003: [MD settings] content settings add site button; layout fixes (Closed)
Patch Set: Created 4 years, 2 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/web_ui_listener_behavior.html"> 3 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.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/iron-icon/iron-icon.htm l"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
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-menu/paper-submen u.html">
8 <link rel="import" href="/i18n_setup.html"> 7 <link rel="import" href="/i18n_setup.html">
9 <link rel="import" href="/icons.html"> 8 <link rel="import" href="/icons.html">
10 <link rel="import" href="/route.html"> 9 <link rel="import" href="/route.html">
11 <link rel="import" href="/settings_shared_css.html"> 10 <link rel="import" href="/settings_shared_css.html">
12 <link rel="import" href="/site_settings/add_site_dialog.html"> 11 <link rel="import" href="/site_settings/add_site_dialog.html">
13 <link rel="import" href="/site_settings/constants.html"> 12 <link rel="import" href="/site_settings/constants.html">
14 <link rel="import" href="/site_settings/site_settings_behavior.html"> 13 <link rel="import" href="/site_settings/site_settings_behavior.html">
15 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html"> 14 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html">
16 15
17 <dom-module id="site-list"> 16 <dom-module id="site-list">
18 <template> 17 <template>
19 <style include="settings-shared"> 18 <style include="settings-shared">
19 paper-button {
20 margin-top: 12px; /* Align with <h2>. */
21 }
22
20 paper-icon-button { 23 paper-icon-button {
21 left: 8px; 24 left: 8px;
22 right: 8px; 25 right: 8px;
23 } 26 }
24 27
25 .selectable { 28 .selectable {
26 -webkit-user-select: text; 29 -webkit-user-select: text;
27 } 30 }
28 </style> 31 </style>
29 <paper-submenu id="category" hidden 32 <div id="category" hidden>
30 on-paper-submenu-open="onToggle_" on-paper-submenu-close="onToggle_"> 33 <div class="settings-box first" hidden$="[[allSites]]">
31 <div class="menu-trigger settings-box" hidden$="[[allSites]]" actionable> 34 <h2 class="start">[[categoryHeader]]</h2>
32 <div class="flex" id="header">[[categoryHeader]]</div> 35 <paper-button class="secondary-button" id="icon" on-tap="onAddSiteTap_">
33 <iron-icon id="icon" icon="cr:expand-more"></iron-icon> 36 $i18n{add}
37 </paper-button>
34 </div> 38 </div>
35 39
36 <div class="list-frame menu-content vertical-list" id="listContainer"> 40 <div class="list-frame menu-content vertical-list" id="listContainer">
37 <template is="dom-repeat" items="[[sites]]"> 41 <template is="dom-repeat" items="[[sites]]">
38 <div class="list-item"> 42 <div class="list-item">
39 <div class="start layout horizontal center" on-tap="onOriginTap_" 43 <div class="start layout horizontal center" on-tap="onOriginTap_"
40 actionable$="[[enableSiteSettings_]]"> 44 actionable$="[[enableSiteSettings_]]">
41 <div class="favicon-image" 45 <div class="favicon-image"
42 style$="[[computeSiteIcon(item.originForDisplay)]]"> 46 style$="[[computeSiteIcon(item.originForDisplay)]]">
43 </div> 47 </div>
44 <div class="middle"> 48 <div class="middle">
45 <div class="selectable">[[item.originForDisplay]]</div> 49 <div class="selectable">[[item.originForDisplay]]</div>
46 <div class="selectable secondary"> 50
47 [[computeSiteDescription_(item)]] 51 <!-- This div must not contain extra whitespace. -->
48 </div> 52 <div class="selectable secondary"
53 >[[computeSiteDescription_(item)]]</div>
49 </div> 54 </div>
50 </div> 55 </div>
51 56
52 <template is="dom-if" if="[[!!computeIconControlledBy_(item)]]"> 57 <template is="dom-if" if="[[!!computeIconControlledBy_(item)]]">
53 <iron-icon icon="[[computeIconControlledBy_(item)]]"></iron-icon> 58 <iron-icon icon="[[computeIconControlledBy_(item)]]"></iron-icon>
54 </template> 59 </template>
55 60
56 <paper-icon-button id="dots" icon="cr:more-vert" toggles 61 <paper-icon-button id="dots" icon="cr:more-vert" toggles
57 active="{{item.menuOpened}}" 62 active="{{item.menuOpened}}"
58 hidden="[[isExceptionControlled_(item.source)]]"> 63 hidden="[[isExceptionControlled_(item.source)]]">
(...skipping 23 matching lines...) Expand all
82 </iron-dropdown> 87 </iron-dropdown>
83 </template> 88 </template>
84 <template is="dom-if" if="[[enableSiteSettings_]]"> 89 <template is="dom-if" if="[[enableSiteSettings_]]">
85 <div on-tap="onOriginTap_" actionable> 90 <div on-tap="onOriginTap_" actionable>
86 <button class="subpage-arrow" is="paper-icon-button-light"> 91 <button class="subpage-arrow" is="paper-icon-button-light">
87 </button> 92 </button>
88 </div> 93 </div>
89 </template> 94 </template>
90 </div> 95 </div>
91 </template> 96 </template>
92
93 <template is="dom-if" if="[[!allSites]]">
94 <div class="list-item list-button" on-tap="onAddSiteTap_">
95 $i18n{addSiteLink}
96 </div>
97 </template>
98 </div> 97 </div>
99 </paper-submenu> 98 </div>
100 </template> 99 </template>
101 <script src="site_list.js"></script> 100 <script src="site_list.js"></script>
102 </dom-module> 101 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698