chrome-devtools-frontend 1.0.1018017 → 1.0.1018151
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -67,11 +67,18 @@ export class PreviewToggle extends HTMLElement {
|
|
|
67
67
|
|
|
68
68
|
#render(): void {
|
|
69
69
|
const checked = Root.Runtime.experiments.isEnabled(this.#experiment);
|
|
70
|
+
const hasLink = Boolean(this.#feedbackURL) || Boolean(this.#learnMoreURL);
|
|
71
|
+
|
|
72
|
+
const containerClasses = LitHtml.Directives.classMap({
|
|
73
|
+
'container': true,
|
|
74
|
+
'has-link': hasLink,
|
|
75
|
+
});
|
|
76
|
+
|
|
70
77
|
// Disabled until https://crbug.com/1079231 is fixed.
|
|
71
78
|
// clang-format off
|
|
72
79
|
render(
|
|
73
80
|
html`
|
|
74
|
-
<div class
|
|
81
|
+
<div class=${containerClasses}>
|
|
75
82
|
<div class="checkbox-line">
|
|
76
83
|
<label class="experiment-preview">
|
|
77
84
|
<input type="checkbox" ?checked=${checked} @change=${this.#checkboxChanged} aria-label=${this.#name}/>
|
|
@@ -33,6 +33,12 @@
|
|
|
33
33
|
padding: 4px;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
.container.has-link {
|
|
37
|
+
/* For x-link outline not to paint over the helper text
|
|
38
|
+
we need to have 2 * <padding>px additional line height */
|
|
39
|
+
line-height: calc(1em + 8px);
|
|
40
|
+
}
|
|
41
|
+
|
|
36
42
|
.x-link {
|
|
37
43
|
color: var(--color-primary);
|
|
38
44
|
text-decoration-line: underline;
|
package/package.json
CHANGED