Skip to content

Commit 0f3f31a

Browse files
rgaignaultrgaignault
committed
update css
1 parent 8ce167e commit 0f3f31a

67 files changed

Lines changed: 464 additions & 358 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎docs/assets/custom.css‎

Lines changed: 108 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,97 @@
11
/*
22
Force the light theme
33
*/
4-
:root {
5-
color-scheme: light;
4+
:root body {
5+
/* Light - Datadog Theme */
6+
--color-background: #faf9fc;
7+
--color-background-secondary: #f5f4f7;
8+
/* Not to be confused with [:active](https://developer.mozilla.org/en-US/docs/Web/CSS/:active) */
9+
--color-background-active: #e8e6ec;
10+
--color-background-warning: #fff3cd;
11+
--color-warning-text: #856404;
12+
--color-accent: #d1c7dd;
13+
--color-active-menu-item: transparent;
14+
--color-text: #2d2d2d;
15+
--color-contrast-text: #632ca6;
16+
--color-text-aside: #6c6c6c;
17+
18+
--color-icon-background: var(--color-background);
19+
--color-icon-text: var(--color-text);
20+
21+
--color-comment-tag-text: var(--color-text);
22+
--color-comment-tag: var(--color-background);
23+
24+
--color-link: #632ca6;
25+
--color-focus-outline: #632ca6;
26+
27+
--color-ts-keyword: #632ca6;
28+
--color-ts-project: #8e44ad;
29+
--color-ts-module: var(--color-ts-project);
30+
--color-ts-namespace: var(--color-ts-project);
31+
--color-ts-enum: #9b59b6;
32+
--color-ts-enum-member: var(--color-ts-enum);
33+
--color-ts-variable: #3498db;
34+
--color-ts-function: #632ca6;
35+
--color-ts-class: #e74c3c;
36+
--color-ts-interface: #27ae60;
37+
--color-ts-constructor: var(--color-ts-class);
38+
--color-ts-property: #8e44ad;
39+
--color-ts-method: #8e44ad;
40+
--color-ts-reference: #e91e63;
41+
--color-ts-call-signature: var(--color-ts-method);
42+
--color-ts-index-signature: var(--color-ts-property);
43+
--color-ts-constructor-signature: var(--color-ts-constructor);
44+
--color-ts-parameter: var(--color-ts-variable);
45+
46+
/* type literal not included as links will never be generated to it */
47+
--color-ts-type-parameter: #d35400;
48+
--color-ts-accessor: #c0392b;
49+
--color-ts-get-signature: var(--color-ts-accessor);
50+
--color-ts-set-signature: var(--color-ts-accessor);
51+
--color-ts-type-alias: #632ca6;
52+
/* reference not included as links will be colored with the kind that it points to */
53+
--color-document: #2d2d2d;
54+
55+
--color-alert-note: #632ca6;
56+
--color-alert-tip: #27ae60;
57+
--color-alert-important: #8e44ad;
58+
--color-alert-warning: #f39c12;
59+
--color-alert-caution: #e74c3c;
60+
61+
--external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23632ca6' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>");
62+
--color-scheme: light;
63+
64+
/*
65+
Highlight colors
66+
*/
67+
--hl-0: var(--light-hl-0);
68+
--hl-1: var(--light-hl-1);
69+
--hl-2: var(--light-hl-2);
70+
--hl-3: var(--light-hl-3);
71+
--hl-4: var(--light-hl-4);
72+
--hl-5: var(--light-hl-5);
73+
--hl-6: var(--light-hl-6);
74+
--hl-7: var(--light-hl-7);
75+
--hl-8: var(--light-hl-8);
76+
--hl-9: var(--light-hl-9);
77+
--hl-10: var(--light-hl-10);
78+
--hl-11: var(--light-hl-11);
79+
--hl-12: var(--light-hl-12);
80+
--code-background: var(--light-code-background);
81+
}
82+
83+
body {
84+
font-family: nationalweb, Helvetica, Arial, sans-serif;
85+
font-weight: 200;
86+
}
87+
88+
h1 {
89+
font-size: 2.25rem;
90+
font-weight: 600;
91+
}
92+
h2 {
93+
font-size: 2rem;
94+
font-weight: 200;
695
}
796

897
/*
@@ -19,6 +108,13 @@
19108
display: none;
20109
}
21110

111+
/*
112+
Hide the settings button
113+
*/
114+
.tsd-navigation.settings {
115+
display: none;
116+
}
117+
22118
/*
23119
Remove bullet points from the Type declaration
24120
*/
@@ -73,3 +169,13 @@
73169
max-width: 100%;
74170
margin-bottom: 1rem;
75171
}
172+
173+
/*
174+
Active link in the left menu
175+
*/
176+
.tsd-navigation a.current,
177+
.tsd-page-navigation a.current {
178+
.tsd-kind-icon ~ span {
179+
color: var(--color-contrast-text);
180+
}
181+
}

‎docs/classes/_datadog_browser-logs.Logger.html‎

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

‎docs/classes/_datadog_browser-rum-react.main.ErrorBoundary.html‎

Lines changed: 5 additions & 5 deletions
Large diffs are not rendered by default.

‎docs/functions/_datadog_browser-rum-react.main.UNSTABLE_ReactComponentTracker.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
11
<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>UNSTABLE_ReactComponentTracker | Documentation</title><meta name="description" content="Documentation for Documentation"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><link rel="stylesheet" href="../assets/custom.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Documentation</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/_datadog_browser-rum-react.html">@datadog/browser-rum-react</a></li><li><a href="../modules/_datadog_browser-rum-react.main.html">main</a></li><li><a href="" aria-current="page">UNSTABLE_ReactComponentTracker</a></li></ul><h1>Function UNSTABLE_ReactComponentTracker</h1></div><section class="tsd-panel tsd-comment"><div class="tsd-comment tsd-typography"><p>Track the performance of a React component.</p>
2-
</div><div class="tsd-comment tsd-typography"></div></section><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="unstable_reactcomponenttracker"><span class="tsd-kind-call-signature">UNSTABLE_ReactComponentTracker</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">__namedParameters</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type external">ReactNode</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type external">Element</span><a href="#unstable_reactcomponenttracker" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><code class="tsd-tag">Experimental</code><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">__namedParameters</span>: <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type external">ReactNode</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type external">Element</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/DataDog/browser-sdk/blob/fcafe629cfaaabf1663bf0cc281eb7329f26b967/packages/rum-react/src/domain/performance/reactComponentTracker.tsx#L11">packages/rum-react/src/domain/performance/reactComponentTracker.tsx:11</a></li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Documentation</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
2+
</div><div class="tsd-comment tsd-typography"></div></section><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="unstable_reactcomponenttracker"><span class="tsd-kind-call-signature">UNSTABLE_ReactComponentTracker</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">__namedParameters</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type external">ReactNode</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type external">Element</span><a href="#unstable_reactcomponenttracker" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><code class="tsd-tag">Experimental</code><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">__namedParameters</span>: <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">children</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type external">ReactNode</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type external">Element</span></h4><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/DataDog/browser-sdk/blob/8ce167eb6326687650e0c044cc3d927744ec2d0e/packages/rum-react/src/domain/performance/reactComponentTracker.tsx#L11">packages/rum-react/src/domain/performance/reactComponentTracker.tsx:11</a></li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Documentation</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer></footer><div class="overlay"></div></body></html>

0 commit comments

Comments
 (0)