OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 #website-settings-page { | 5 #website-settings-page { |
6 max-height: 445px; | 6 max-height: 445px; |
7 min-width: 540px; | 7 min-width: 540px; |
8 } | 8 } |
9 | 9 |
| 10 #website-settings-edit-page { |
| 11 max-height: 445px; |
| 12 min-width: 540px; |
| 13 } |
| 14 |
10 .website-column-headers { | 15 .website-column-headers { |
11 padding: 3px 0 6px; | 16 padding: 3px 0 6px; |
12 } | 17 } |
13 | 18 |
14 .website-header-controls { | 19 .website-header-controls { |
15 display: flex; | 20 display: flex; |
16 } | 21 } |
17 | 22 |
| 23 .website-header-controls > div { |
| 24 font-weight: bold; |
| 25 } |
| 26 |
18 .resource-type-select { | 27 .resource-type-select { |
19 -webkit-margin-end: auto; | 28 -webkit-margin-end: auto; |
20 min-width: 170px; | 29 min-width: 170px; |
21 } | 30 } |
22 | 31 |
23 #website-settings-search-box { | 32 #website-settings-search-box { |
24 -webkit-margin-start: 35px; | 33 -webkit-margin-start: 35px; |
25 width: 165px; | 34 width: 165px; |
26 } | 35 } |
27 | 36 |
28 #website-settings-page .action-area { | 37 #website-settings-page .action-area { |
29 padding-bottom: 20px; | 38 padding-bottom: 20px; |
30 } | 39 } |
31 | 40 |
32 .content-area.website-list-content-area { | 41 .website-list-content-area { |
33 display: flex; | 42 display: flex; |
34 flex-direction: column; | 43 flex-direction: column; |
35 } | 44 } |
36 | 45 |
| 46 .permission-name { |
| 47 -webkit-margin-start: 7px; |
| 48 font-size: 13px; |
| 49 width: 300px; |
| 50 } |
| 51 |
| 52 #website-settings-edit-page .permission-selection-option { |
| 53 -webkit-margin-end: 20px; |
| 54 -webkit-margin-start: 35px; |
| 55 width: 12em; |
| 56 } |
| 57 |
| 58 #website-settings-permission-column { |
| 59 -webkit-margin-start: 8px; |
| 60 } |
| 61 |
| 62 .website-properties { |
| 63 -webkit-margin-after: 8px; |
| 64 -webkit-margin-start: 8px; |
| 65 } |
| 66 |
| 67 .website-property { |
| 68 -webkit-margin-after: 22px; |
| 69 } |
| 70 |
| 71 #website-title { |
| 72 -webkit-margin-after: 22px; |
| 73 -webkit-margin-before: 0; |
| 74 -webkit-padding-start: 21px; |
| 75 font-size: 15px; |
| 76 line-height: 20px; |
| 77 } |
| 78 |
| 79 #website-settings-page .content-area { |
| 80 padding: auto 20px; |
| 81 } |
| 82 |
| 83 #website-settings-page .action-area { |
| 84 padding: auto 20px; |
| 85 |
| 86 } |
| 87 |
| 88 #website-settings-edit-page .action-area { |
| 89 padding: auto 20px; |
| 90 |
| 91 } |
| 92 |
| 93 .origin-permission-list { |
| 94 -webkit-padding-before: 4px; |
| 95 border: 1px solid #d9d9d9; |
| 96 } |
| 97 |
37 /* Styles for the origin list elements in the website settings page. */ | 98 /* Styles for the origin list elements in the website settings page. */ |
38 #origin-list { | 99 #origin-list { |
39 border: 1px solid #d9d9d9; | 100 border: 1px solid #d9d9d9; |
40 font-size: 13px; | 101 font-size: 13px; |
41 margin: 5px 0 0; | 102 margin: 5px 0 0; |
42 min-height: 287px; | 103 min-height: 287px; |
43 } | 104 } |
44 | 105 |
45 #origin-list-item { | 106 #origin-list-item { |
46 height: 30px; | 107 height: 30px; |
47 } | 108 } |
48 | 109 |
49 .local-storage-usage { | 110 .local-storage-usage { |
50 color: #7f7f7f; | 111 color: #7f7f7f; |
51 margin: auto 0; | 112 margin: auto 0; |
52 } | 113 } |
53 | 114 |
54 list.origin-list .favicon-cell { | 115 list.origin-list .favicon-cell { |
55 -webkit-margin-start: 6px; | 116 -webkit-margin-start: 6px; |
56 -webkit-padding-start: 21px; | 117 -webkit-padding-start: 21px; |
57 } | 118 } |
| 119 |
| 120 list.origin-list .favicon-cell { |
| 121 -webkit-margin-start: 5px; |
| 122 -webkit-padding-start: 21px; |
| 123 font-size: 13px; |
| 124 } |
| 125 |
| 126 .permission-option { |
| 127 -webkit-margin-before: 4px; |
| 128 align-items: center; |
| 129 display: flex; |
| 130 justify-content: space-between; |
| 131 } |
OLD | NEW |