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

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

Issue 2201243002: [MD settings] layout of site details permissions (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review changes Created 4 years, 4 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/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
5 <link rel="import" href="/icons.html"> 5 <link rel="import" href="/icons.html">
6 <link rel="import" href="/settings_shared_css.html"> 6 <link rel="import" href="/settings_shared_css.html">
7 <link rel="import" href="/site_settings/constants.html"> 7 <link rel="import" href="/site_settings/constants.html">
8 <link rel="import" href="/site_settings/site_details_permission.html"> 8 <link rel="import" href="/site_settings/site_details_permission.html">
9 <link rel="import" href="/site_settings/site_settings_behavior.html"> 9 <link rel="import" href="/site_settings/site_settings_behavior.html">
10 <link rel="import" href="/site_settings/website_usage_private_api.html"> 10 <link rel="import" href="/site_settings/website_usage_private_api.html">
11 11
12 <dom-module id="site-details"> 12 <dom-module id="site-details">
13 <template> 13 <template>
14 <style include="settings-shared"> 14 <style include="settings-shared">
15 :host {
16 -webkit-margin-start: 4px;
17 display: block;
18 }
19
20 .origin-box {
21 margin-bottom: 20px;
22 }
23
24 .origin {
25 -webkit-margin-start: 10px;
26 font-weight: 500;
27 }
28
29 .reset-button {
30 -webkit-margin-start: 15px;
31 }
32
33 #storage { 15 #storage {
34 -webkit-padding-end: 0; 16 -webkit-padding-end: 0;
35 } 17 }
36
37 .website-icon {
38 background-repeat: no-repeat;
39 background-size: contain;
40 height: 16px;
41 width: 16px;
42 }
43 </style> 18 </style>
44 <div class="settings-box block"> 19 <div id="usage" hidden$="[[!storedData_]]">
45 <div class="horizontal layout origin-box"> 20 <div class="settings-box first">
46 <div class="website-icon" 21 <h2>$i18n{siteSettingsUsage}</h2>
47 style$="[[computeSiteIcon(site.originForDisplay)]]"></div>
48 <div class="origin flex">[[site.originForDisplay]]</div>
49 </div> 22 </div>
50 <h2 id="usage" hidden$="[[!storedData_]]">$i18n{siteSettingsUsage}</h2> 23 <div class="list-frame">
51 <paper-item id="storage" hidden$="[[!storedData_]]"> 24 <paper-item id="storage" hidden$="[[!storedData_]]">
52 <div class="flex">[[storedData_]]</div> 25 <div class="flex">[[storedData_]]</div>
53 <paper-icon-button icon="settings:delete" 26 <paper-icon-button icon="settings:delete"
54 on-tap="onClearStorage_" 27 on-tap="onClearStorage_"
55 alt="$i18n{siteSettingsDelete}"></paper-icon-button> 28 alt="$i18n{siteSettingsDelete}"></paper-icon-button>
56 </paper-item> 29 </paper-item>
30 </div>
31 </div>
32 <div class="settings-box">
57 <h2>$i18n{siteSettingsPermissions}</h2> 33 <h2>$i18n{siteSettingsPermissions}</h2>
58 34 </div>
35 <div class="list-frame">
59 <site-details-permission site="[[site]]" id="cookies" 36 <site-details-permission site="[[site]]" id="cookies"
60 category="{{ContentSettingsTypes.COOKIES}}"> 37 category="{{ContentSettingsTypes.COOKIES}}">
61 </site-details-permission> 38 </site-details-permission>
62 <site-details-permission site="[[site]]" id="geolocation" 39 <site-details-permission site="[[site]]" id="geolocation"
63 category="{{ContentSettingsTypes.GEOLOCATION}}"> 40 category="{{ContentSettingsTypes.GEOLOCATION}}">
64 </site-details-permission> 41 </site-details-permission>
65 <site-details-permission site="[[site]]" id="camera" 42 <site-details-permission site="[[site]]" id="camera"
66 category="{{ContentSettingsTypes.CAMERA}}"> 43 category="{{ContentSettingsTypes.CAMERA}}">
67 </site-details-permission> 44 </site-details-permission>
68 <site-details-permission site="[[site]]" id="mic" 45 <site-details-permission site="[[site]]" id="mic"
(...skipping 20 matching lines...) Expand all
89 <site-details-permission site="[[site]]" id="automaticDownloads" 66 <site-details-permission site="[[site]]" id="automaticDownloads"
90 category="{{ContentSettingsTypes.AUTOMATIC_DOWNLOADS}}"> 67 category="{{ContentSettingsTypes.AUTOMATIC_DOWNLOADS}}">
91 </site-details-permission> 68 </site-details-permission>
92 <site-details-permission site="[[site]]" id="unsandboxedPlugins" 69 <site-details-permission site="[[site]]" id="unsandboxedPlugins"
93 category="{{ContentSettingsTypes.UNSANDBOXED_PLUGINS}}"> 70 category="{{ContentSettingsTypes.UNSANDBOXED_PLUGINS}}">
94 </site-details-permission> 71 </site-details-permission>
95 <site-details-permission site="[[site]]" id="fullscreen" 72 <site-details-permission site="[[site]]" id="fullscreen"
96 category="{{ContentSettingsTypes.FULLSCREEN}}"> 73 category="{{ContentSettingsTypes.FULLSCREEN}}">
97 </site-details-permission> 74 </site-details-permission>
98 75
99 <paper-button on-tap="onClearAndReset_" raised class="reset-button"> 76 <div on-tap="onClearAndReset_" raised class="list-item list-button">
100 $i18n{siteSettingsClearAndReset} 77 $i18n{siteSettingsClearAndReset}
101 </paper-button> 78 </div>
102 </div> 79 </div>
103 <website-usage-private-api id="usageApi" 80 <website-usage-private-api id="usageApi"
104 website-data-usage="{{storedData_}}" 81 website-data-usage="{{storedData_}}"
105 website-storage-type="{{storageType_}}"> 82 website-storage-type="{{storageType_}}">
106 </website-usage-private-api> 83 </website-usage-private-api>
107 </template> 84 </template>
108 <script src="site_details.js"></script> 85 <script src="site_details.js"></script>
109 </dom-module> 86 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698