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

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

Issue 1957823002: [MD settings] layout of the site settings page (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: merge with master Created 4 years, 7 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
« no previous file with comments | « chrome/browser/resources/settings/site_settings_page/site_settings_page.css ('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="chrome://md-settings/icons.html"> 3 <link rel="import" href="chrome://md-settings/icons.html">
4 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
4 <link rel="import" href="chrome://md-settings/site_settings/constants.html"> 5 <link rel="import" href="chrome://md-settings/site_settings/constants.html">
5 <link rel="import" href="chrome://md-settings/site_settings/site_settings_behavi or.html"> 6 <link rel="import" href="chrome://md-settings/site_settings/site_settings_behavi or.html">
6 <link rel="import" href="chrome://md-settings/site_settings/site_settings_prefs_ browser_proxy.html"> 7 <link rel="import" href="chrome://md-settings/site_settings/site_settings_prefs_ browser_proxy.html">
7 8
8 <dom-module id="settings-site-settings-page"> 9 <dom-module id="settings-site-settings-page">
9 <link rel="import" type="css" href="site_settings_page.css">
10 <template> 10 <template>
11 <div class="settings-box"> 11 <style include="settings-shared">
12 <div id="list" class="settings-list"> 12 </style>
13 <paper-icon-item category$="[[ALL_SITES]]" 13 <div class="settings-box first" category$="[[ALL_SITES]]"
14 on-tap="onTapCategory"> 14 on-tap="onTapCategory">
15 <iron-icon icon="settings:list" item-icon></iron-icon> 15 <iron-icon icon="settings:list"></iron-icon>
16 <div class="flex category-header"> 16 <div class="middle">$i18n{siteSettingsCategoryAllSites}</div>
17 $i18n{siteSettingsCategoryAllSites} 17 </div>
18 </div> 18 <div class="settings-box two-line"
19 </paper-icon-item> 19 category$="[[ContentSettingsTypes.COOKIES]]" on-tap="onTapCategory">
20 20 <iron-icon icon="[[computeIconForContentCategory(
21 <paper-icon-item category$="[[ContentSettingsTypes.COOKIES]]" 21 ContentSettingsTypes.COOKIES)]]"></iron-icon>
22 on-tap="onTapCategory"> 22 <div class="middle">
23 <iron-icon icon="[[computeIconForContentCategory( 23 <div>
24 ContentSettingsTypes.COOKIES)]]" item-icon></iron-icon> 24 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]]
25 <div class="flex category-header"> 25 </div>
26 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]] 26 <div id="cookies" class="secondary"></div>
27 </div> 27 </div>
28 <div id="cookies" class="option-value"></div> 28 </div>
29 </paper-icon-item> 29 <div class="settings-box two-line"
30 30 category$="[[ContentSettingsTypes.GEOLOCATION]]" on-tap="onTapCategory">
31 <paper-icon-item category$="[[ContentSettingsTypes.GEOLOCATION]]" 31 <iron-icon icon="[[computeIconForContentCategory(
32 on-tap="onTapCategory"> 32 ContentSettingsTypes.GEOLOCATION)]]" item-icon=""></iron-icon>
33 <iron-icon icon="[[computeIconForContentCategory( 33 <div class="middle">
34 ContentSettingsTypes.GEOLOCATION)]]" item-icon></iron-icon> 34 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]]
35 <div class="flex category-header"> 35 <div id="geolocation" class="secondary"></div>
36 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]] 36 </div>
37 </div> 37 </div>
38 <div id="geolocation" class="option-value"></div> 38 <div class="settings-box two-line"
39 </paper-icon-item> 39 category$="[[ContentSettingsTypes.CAMERA]]" on-tap="onTapCategory">
40 40 <iron-icon icon="[[computeIconForContentCategory(
41 <paper-icon-item category$="[[ContentSettingsTypes.CAMERA]]" 41 ContentSettingsTypes.CAMERA)]]" item-icon=""></iron-icon>
42 on-tap="onTapCategory"> 42 <div class="middle">
43 <iron-icon icon="[[computeIconForContentCategory( 43 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]]
44 ContentSettingsTypes.CAMERA)]]" item-icon></iron-icon> 44 <div id="camera" class="secondary"></div>
45 <div class="flex category-header"> 45 </div>
46 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]] 46 </div>
47 </div> 47 <div class="settings-box two-line" category$="[[ContentSettingsTypes.MIC]]"
48 <div id="camera" class="option-value"></div> 48 on-tap="onTapCategory">
49 </paper-icon-item> 49 <iron-icon icon="[[computeIconForContentCategory(
50 50 ContentSettingsTypes.MIC)]]" item-icon=""></iron-icon>
51 <paper-icon-item category$="[[ContentSettingsTypes.MIC]]" 51 <div class="middle">
52 on-tap="onTapCategory"> 52 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]]
53 <iron-icon icon="[[computeIconForContentCategory( 53 <div id="mic" class="secondary"></div>
54 ContentSettingsTypes.MIC)]]" item-icon></iron-icon> 54 </div>
55 <div class="flex category-header"> 55 </div>
56 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]] 56 <div class="settings-box two-line"
57 </div> 57 category$="[[ContentSettingsTypes.JAVASCRIPT]]"
58 <div id="mic" class="option-value"></div> 58 on-tap="onTapCategory">
59 </paper-icon-item> 59 <iron-icon icon="[[computeIconForContentCategory(
60 60 ContentSettingsTypes.JAVASCRIPT)]]" item-icon=""></iron-icon>
61 <paper-icon-item category$="[[ContentSettingsTypes.JAVASCRIPT]]" 61 <div class="middle">
62 on-tap="onTapCategory"> 62 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]]
63 <iron-icon icon="[[computeIconForContentCategory( 63 <div id="javascript" class="secondary"></div>
64 ContentSettingsTypes.JAVASCRIPT)]]" item-icon></iron-icon> 64 </div>
65 <div class="flex category-header"> 65 </div>
66 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]] 66 <div class="settings-box two-line"
67 </div> 67 category$="[[ContentSettingsTypes.POPUPS]]" on-tap="onTapCategory">
68 <div id="javascript" class="option-value"></div> 68 <iron-icon icon="[[computeIconForContentCategory(
69 </paper-icon-item> 69 ContentSettingsTypes.POPUPS)]]" item-icon=""></iron-icon>
70 70 <div class="middle">
71 <paper-icon-item category$="[[ContentSettingsTypes.POPUPS]]" 71 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]]
72 on-tap="onTapCategory"> 72 <div id="popups" class="secondary"></div>
73 <iron-icon icon="[[computeIconForContentCategory( 73 </div>
74 ContentSettingsTypes.POPUPS)]]" item-icon></iron-icon> 74 </div>
75 <div class="flex category-header"> 75 <div class="settings-box two-line"
76 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]] 76 category$="[[ContentSettingsTypes.NOTIFICATIONS]]"
77 </div> 77 on-tap="onTapCategory">
78 <div id="popups" class="option-value"></div> 78 <iron-icon icon="[[computeIconForContentCategory(
79 </paper-icon-item> 79 ContentSettingsTypes.NOTIFICATIONS)]]" item-icon=""></iron-icon>
80 80 <div class="middle">
81 <paper-icon-item category$="[[ContentSettingsTypes.NOTIFICATIONS]]" 81 [[computeTitleForContentCategory(ContentSettingsTypes.NOTIFICATIONS)]]
82 on-tap="onTapCategory"> 82 <div id="notifications" class="secondary"></div>
83 <iron-icon icon="[[computeIconForContentCategory( 83 </div>
84 ContentSettingsTypes.NOTIFICATIONS)]]" item-icon></iron-icon> 84 </div>
85 <div class="flex category-header"> 85 <div class="settings-box two-line"
86 [[computeTitleForContentCategory( 86 category$="[[ContentSettingsTypes.IMAGES]]" on-tap="onTapCategory">
87 ContentSettingsTypes.NOTIFICATIONS)]] 87 <iron-icon icon="[[computeIconForContentCategory(
88 </div> 88 ContentSettingsTypes.IMAGES)]]" item-icon=""></iron-icon>
89 <div id="notifications" class="option-value"></div> 89 <div class="middle">
90 </paper-icon-item> 90 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]]
91 91 <div id="images" class="secondary"></div>
92 <paper-icon-item category$="[[ContentSettingsTypes.IMAGES]]"
93 on-tap="onTapCategory">
94 <iron-icon icon="[[computeIconForContentCategory(
95 ContentSettingsTypes.IMAGES)]]" item-icon></iron-icon>
96 <div class="flex category-header">
97 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]]
98 </div>
99 <div id="images" class="option-value"></div>
100 </paper-icon-item>
101 </div> 92 </div>
102 </div> 93 </div>
103 </template> 94 </template>
104 <script src="site_settings_page.js"></script> 95 <script src="site_settings_page.js"></script>
105 </dom-module> 96 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/settings/site_settings_page/site_settings_page.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698