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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/settings/site_settings_page/site_settings_page.html

Issue 2094813002: MD Settings: make custom UIs look "actionable" (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: 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
« chrome/browser/resources/settings/people_page/people_page.html ('K') | « chrome/browser/resources/settings/site_settings/site_list.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h tml"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h tml">
3 <link rel="import" href="/icons.html"> 3 <link rel="import" href="/icons.html">
4 <link rel="import" href="/settings_shared_css.html"> 4 <link rel="import" href="/settings_shared_css.html">
5 <link rel="import" href="/site_settings/constants.html"> 5 <link rel="import" href="/site_settings/constants.html">
6 <link rel="import" href="/site_settings/site_settings_behavior.html"> 6 <link rel="import" href="/site_settings/site_settings_behavior.html">
7 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html"> 7 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html">
8 8
9 <dom-module id="settings-site-settings-page"> 9 <dom-module id="settings-site-settings-page">
10 <template> 10 <template>
11 <style include="settings-shared"> 11 <style include="settings-shared"></style>
12 </style> 12 <div class="settings-box first" category$="[[ALL_SITES]]" actionable
13 <div class="settings-box first" category$="[[ALL_SITES]]"
14 on-tap="onTapCategory"> 13 on-tap="onTapCategory">
15 <iron-icon icon="settings:list"></iron-icon> 14 <iron-icon icon="settings:list"></iron-icon>
16 <div class="middle">$i18n{siteSettingsCategoryAllSites}</div> 15 <div class="middle">$i18n{siteSettingsCategoryAllSites}</div>
17 </div> 16 </div>
18 <div class="settings-box two-line" 17 <div class="settings-box two-line" actionable
19 category$="[[ContentSettingsTypes.COOKIES]]" on-tap="onTapCategory"> 18 category$="[[ContentSettingsTypes.COOKIES]]" on-tap="onTapCategory">
20 <iron-icon icon="[[computeIconForContentCategory( 19 <iron-icon icon="[[computeIconForContentCategory(
21 ContentSettingsTypes.COOKIES)]]"></iron-icon> 20 ContentSettingsTypes.COOKIES)]]"></iron-icon>
22 <div class="middle"> 21 <div class="middle">
23 <div> 22 <div>
24 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]] 23 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]]
25 </div> 24 </div>
26 <div id="cookies" class="secondary"></div> 25 <div id="cookies" class="secondary"></div>
27 </div> 26 </div>
28 </div> 27 </div>
29 <div class="settings-box two-line" 28 <div class="settings-box two-line" actionable
30 category$="[[ContentSettingsTypes.GEOLOCATION]]" on-tap="onTapCategory"> 29 category$="[[ContentSettingsTypes.GEOLOCATION]]" on-tap="onTapCategory">
31 <iron-icon icon="[[computeIconForContentCategory( 30 <iron-icon icon="[[computeIconForContentCategory(
32 ContentSettingsTypes.GEOLOCATION)]]" item-icon=""></iron-icon> 31 ContentSettingsTypes.GEOLOCATION)]]" item-icon=""></iron-icon>
33 <div class="middle"> 32 <div class="middle">
34 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]] 33 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]]
35 <div id="geolocation" class="secondary"></div> 34 <div id="geolocation" class="secondary"></div>
36 </div> 35 </div>
37 </div> 36 </div>
38 <div class="settings-box two-line" 37 <div class="settings-box two-line" actionable
39 category$="[[ContentSettingsTypes.CAMERA]]" on-tap="onTapCategory"> 38 category$="[[ContentSettingsTypes.CAMERA]]" on-tap="onTapCategory">
40 <iron-icon icon="[[computeIconForContentCategory( 39 <iron-icon icon="[[computeIconForContentCategory(
41 ContentSettingsTypes.CAMERA)]]" item-icon=""></iron-icon> 40 ContentSettingsTypes.CAMERA)]]" item-icon=""></iron-icon>
42 <div class="middle"> 41 <div class="middle">
43 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]] 42 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]]
44 <div id="camera" class="secondary"></div> 43 <div id="camera" class="secondary"></div>
45 </div> 44 </div>
46 </div> 45 </div>
47 <div class="settings-box two-line" category$="[[ContentSettingsTypes.MIC]]" 46 <div class="settings-box two-line" category$="[[ContentSettingsTypes.MIC]]"
48 on-tap="onTapCategory"> 47 on-tap="onTapCategory" actionable>
49 <iron-icon icon="[[computeIconForContentCategory( 48 <iron-icon icon="[[computeIconForContentCategory(
50 ContentSettingsTypes.MIC)]]" item-icon=""></iron-icon> 49 ContentSettingsTypes.MIC)]]" item-icon=""></iron-icon>
51 <div class="middle"> 50 <div class="middle">
52 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]] 51 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]]
53 <div id="mic" class="secondary"></div> 52 <div id="mic" class="secondary"></div>
54 </div> 53 </div>
55 </div> 54 </div>
56 <div class="settings-box two-line" 55 <div class="settings-box two-line" actionable
57 category$="[[ContentSettingsTypes.NOTIFICATIONS]]" 56 category$="[[ContentSettingsTypes.NOTIFICATIONS]]"
58 on-tap="onTapCategory"> 57 on-tap="onTapCategory">
59 <iron-icon icon="[[computeIconForContentCategory( 58 <iron-icon icon="[[computeIconForContentCategory(
60 ContentSettingsTypes.NOTIFICATIONS)]]" item-icon=""></iron-icon> 59 ContentSettingsTypes.NOTIFICATIONS)]]" item-icon=""></iron-icon>
61 <div class="middle"> 60 <div class="middle">
62 [[computeTitleForContentCategory(ContentSettingsTypes.NOTIFICATIONS)]] 61 [[computeTitleForContentCategory(ContentSettingsTypes.NOTIFICATIONS)]]
63 <div id="notifications" class="secondary"></div> 62 <div id="notifications" class="secondary"></div>
64 </div> 63 </div>
65 </div> 64 </div>
66 <div class="settings-box two-line" 65 <div class="settings-box two-line" actionable
67 category$="[[ContentSettingsTypes.JAVASCRIPT]]" 66 category$="[[ContentSettingsTypes.JAVASCRIPT]]"
68 on-tap="onTapCategory"> 67 on-tap="onTapCategory">
69 <iron-icon icon="[[computeIconForContentCategory( 68 <iron-icon icon="[[computeIconForContentCategory(
70 ContentSettingsTypes.JAVASCRIPT)]]" item-icon=""></iron-icon> 69 ContentSettingsTypes.JAVASCRIPT)]]" item-icon=""></iron-icon>
71 <div class="middle"> 70 <div class="middle">
72 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]] 71 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]]
73 <div id="javascript" class="secondary"></div> 72 <div id="javascript" class="secondary"></div>
74 </div> 73 </div>
75 </div> 74 </div>
76 <div class="settings-box two-line" 75 <div class="settings-box two-line" actionable
77 category$="[[ContentSettingsTypes.PLUGINS]]" 76 category$="[[ContentSettingsTypes.PLUGINS]]"
78 on-tap="onTapCategory"> 77 on-tap="onTapCategory">
79 <iron-icon icon="[[computeIconForContentCategory( 78 <iron-icon icon="[[computeIconForContentCategory(
80 ContentSettingsTypes.PLUGINS)]]" item-icon=""></iron-icon> 79 ContentSettingsTypes.PLUGINS)]]" item-icon=""></iron-icon>
81 <div class="middle"> 80 <div class="middle">
82 [[computeTitleForContentCategory(ContentSettingsTypes.PLUGINS)]] 81 [[computeTitleForContentCategory(ContentSettingsTypes.PLUGINS)]]
83 <div id="plugins" class="secondary"></div> 82 <div id="plugins" class="secondary"></div>
84 </div> 83 </div>
85 </div> 84 </div>
86 <div class="settings-box two-line" 85 <div class="settings-box two-line" actionable
87 category$="[[ContentSettingsTypes.IMAGES]]" on-tap="onTapCategory"> 86 category$="[[ContentSettingsTypes.IMAGES]]" on-tap="onTapCategory">
88 <iron-icon icon="[[computeIconForContentCategory( 87 <iron-icon icon="[[computeIconForContentCategory(
89 ContentSettingsTypes.IMAGES)]]" item-icon=""></iron-icon> 88 ContentSettingsTypes.IMAGES)]]" item-icon=""></iron-icon>
90 <div class="middle"> 89 <div class="middle">
91 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]] 90 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]]
92 <div id="images" class="secondary"></div> 91 <div id="images" class="secondary"></div>
93 </div> 92 </div>
94 </div> 93 </div>
95 <div class="settings-box two-line" 94 <div class="settings-box two-line" actionable
96 category$="[[ContentSettingsTypes.POPUPS]]" on-tap="onTapCategory"> 95 category$="[[ContentSettingsTypes.POPUPS]]" on-tap="onTapCategory">
97 <iron-icon icon="[[computeIconForContentCategory( 96 <iron-icon icon="[[computeIconForContentCategory(
98 ContentSettingsTypes.POPUPS)]]" item-icon=""></iron-icon> 97 ContentSettingsTypes.POPUPS)]]" item-icon=""></iron-icon>
99 <div class="middle"> 98 <div class="middle">
100 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]] 99 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]]
101 <div id="popups" class="secondary"></div> 100 <div id="popups" class="secondary"></div>
102 </div> 101 </div>
103 </div> 102 </div>
104 <div class="settings-box two-line" 103 <div class="settings-box two-line" actionable
105 category$="[[ContentSettingsTypes.BACKGROUND_SYNC]]" 104 category$="[[ContentSettingsTypes.BACKGROUND_SYNC]]"
106 on-tap="onTapCategory"> 105 on-tap="onTapCategory">
107 <iron-icon icon="[[computeIconForContentCategory( 106 <iron-icon icon="[[computeIconForContentCategory(
108 ContentSettingsTypes.BACKGROUND_SYNC)]]" item-icon=""></iron-icon> 107 ContentSettingsTypes.BACKGROUND_SYNC)]]" item-icon=""></iron-icon>
109 <div class="middle"> 108 <div class="middle">
110 [[computeTitleForContentCategory( 109 [[computeTitleForContentCategory(
111 ContentSettingsTypes.BACKGROUND_SYNC)]] 110 ContentSettingsTypes.BACKGROUND_SYNC)]]
112 <div id="backgroundSync" class="secondary"></div> 111 <div id="backgroundSync" class="secondary"></div>
113 </div> 112 </div>
114 </div> 113 </div>
115 <div class="settings-box two-line" 114 <div class="settings-box two-line" actionable
116 category$="[[ContentSettingsTypes.KEYGEN]]" 115 category$="[[ContentSettingsTypes.KEYGEN]]"
117 on-tap="onTapCategory"> 116 on-tap="onTapCategory">
118 <iron-icon icon="[[computeIconForContentCategory( 117 <iron-icon icon="[[computeIconForContentCategory(
119 ContentSettingsTypes.KEYGEN)]]" item-icon=""></iron-icon> 118 ContentSettingsTypes.KEYGEN)]]" item-icon=""></iron-icon>
120 <div class="middle"> 119 <div class="middle">
121 [[computeTitleForContentCategory( 120 [[computeTitleForContentCategory(
122 ContentSettingsTypes.KEYGEN)]] 121 ContentSettingsTypes.KEYGEN)]]
123 <div id="keygen" class="secondary"></div> 122 <div id="keygen" class="secondary"></div>
124 </div> 123 </div>
125 </div> 124 </div>
126 <div class="settings-box two-line" 125 <div class="settings-box two-line" actionable
127 category$="[[ContentSettingsTypes.AUTOMATIC_DOWNLOADS]]" 126 category$="[[ContentSettingsTypes.AUTOMATIC_DOWNLOADS]]"
128 on-tap="onTapCategory"> 127 on-tap="onTapCategory">
129 <iron-icon icon="[[computeIconForContentCategory( 128 <iron-icon icon="[[computeIconForContentCategory(
130 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]]" item-icon=""></iron-icon> 129 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]]" item-icon=""></iron-icon>
131 <div class="middle"> 130 <div class="middle">
132 [[computeTitleForContentCategory( 131 [[computeTitleForContentCategory(
133 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]] 132 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]]
134 <div id="automaticDownloads" class="secondary"></div> 133 <div id="automaticDownloads" class="secondary"></div>
135 </div> 134 </div>
136 </div> 135 </div>
137 <div class="settings-box two-line" 136 <div class="settings-box two-line" actionable
138 category$="[[ContentSettingsTypes.UNSANDBOXED_PLUGINS]]" 137 category$="[[ContentSettingsTypes.UNSANDBOXED_PLUGINS]]"
139 on-tap="onTapCategory"> 138 on-tap="onTapCategory">
140 <iron-icon icon="[[computeIconForContentCategory( 139 <iron-icon icon="[[computeIconForContentCategory(
141 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]]" item-icon=""></iron-icon> 140 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]]" item-icon=""></iron-icon>
142 <div class="middle"> 141 <div class="middle">
143 [[computeTitleForContentCategory( 142 [[computeTitleForContentCategory(
144 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]] 143 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]]
145 <div id="unsandboxedPlugins" class="secondary"></div> 144 <div id="unsandboxedPlugins" class="secondary"></div>
146 </div> 145 </div>
147 </div> 146 </div>
148 </template> 147 </template>
149 <script src="site_settings_page.js"></script> 148 <script src="site_settings_page.js"></script>
150 </dom-module> 149 </dom-module>
OLDNEW
« chrome/browser/resources/settings/people_page/people_page.html ('K') | « chrome/browser/resources/settings/site_settings/site_list.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698