1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
/* Copyright 2024 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
/* #css_wrapper_metadata_start
* #type=style-lit
* #import=chrome://resources/cr_elements/action_link_lit.css.js
* #import=chrome://resources/cr_elements/md_select_lit.css.js
* #import=chrome://resources/cr_elements/cr_shared_style_lit.css.js
* #import=chrome://resources/cr_elements/cr_shared_vars.css.js
* #import=./shared_style.css.js
* #include=action-link-lit md-select-lit cr-shared-style-lit shared-style
* #css_wrapper_metadata_end */
cr-icon {
--iron-icon-height: var(--cr-icon-size);
--iron-icon-width: var(--cr-icon-size);
}
.link-icon-button {
margin-inline-start: 6px;
}
#section-heading {
--md-select-width: 160px;
align-items: center;
display: flex;
}
#section-heading-heading {
display: flex;
flex: 1;
}
#section-heading .link-icon-button {
margin-inline-start: 6px;
}
#hostAccess {
margin-inline-start: 12px;
width: 100%;
}
#hosts {
margin-bottom: 0;
padding-inline-start: calc(
var(--cr-section-indent-padding) - var(--cr-section-padding));
}
#hosts li {
align-items: center;
border-top: var(--cr-separator-line);
display: flex;
height: var(--cr-section-min-height);
}
#hosts li:first-child {
border-top: none;
}
#add-host {
font-weight: 500;
width: 100%;
}
#permissions-mode {
color: var(--cr-primary-text-color);
margin-top: 12px;
}
#new-permissions-mode {
color: var(--cr-primary-text-color);
margin-top: 12px;
padding-inline-start: calc(
var(--cr-section-indent-padding) - var(--cr-section-padding));
}
#new-section-heading {
align-items: flex-start;
display: flex;
flex-direction: column;
}
#new-section-heading-title {
display: flex;
}
#new-section-heading-subtext {
color: var(--cr-secondary-text-color);
margin-top: 3px;
}
#host-access-row {
display: flex;
justify-content: space-between;
margin-top: 18px;
width: 100%;
}
.site {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.site-favicon {
margin-inline-end: calc(
var(--cr-section-padding) + var(--cr-icon-ripple-margin));
}
|
