typedoc-github-theme 0.1.1 → 0.2.0

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.
Files changed (7) hide show
  1. package/README.md +5 -1
  2. package/dist/GitHubTheme.js +24 -18
  3. package/dist/GitHubThemeContext.js +4 -8
  4. package/dist/index.js +9 -6
  5. package/dist/partials/footer.js +11 -14
  6. package/package.json +11 -10
  7. package/src/assets/typedoc-github-style.css +137 -111
package/README.md CHANGED
@@ -27,9 +27,13 @@ yarn add typedoc-github-theme
27
27
  **Use the theme when generating your documentation:**
28
28
 
29
29
  ```text
30
- typedoc src/** */ --plugin typedoc-github-theme --theme typedoc-github-theme
30
+ npx typedoc src --plugin typedoc-github-theme
31
31
  ```
32
32
 
33
+ > [!NOTE]
34
+ > This plugin fills the following options if they have not been defined by the user:
35
+ > [`theme`](https://typedoc.org/options/output/#theme), [`lightHighlightTheme`](https://typedoc.org/options/output/#lighthighlighttheme), [`darkHighlightTheme`](https://typedoc.org/options/output/#darkhighlighttheme)
36
+
33
37
  ---
34
38
 
35
39
  ## Author
package/dist/GitHubTheme.js CHANGED
@@ -1,25 +1,31 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.GitHubTheme = void 0;
4
- const fs_1 = require("fs");
5
- const path_1 = require("path");
6
- const typedoc_1 = require("typedoc");
7
- const GitHubThemeContext_1 = require("./GitHubThemeContext");
8
- class GitHubTheme extends typedoc_1.DefaultTheme {
9
- initialize() {
10
- super.initialize();
1
+ import { cpSync } from 'fs';
2
+ import { dirname, resolve } from 'path';
3
+ import { DefaultTheme, JSX, RendererEvent } from 'typedoc';
4
+ import { fileURLToPath } from 'url';
5
+ import { GitHubThemeContext } from './GitHubThemeContext.js';
6
+ export class GitHubTheme extends DefaultTheme {
7
+ constructor(renderer) {
8
+ super(renderer);
11
9
  // copy the complete assets
12
- this.application.renderer.on(typedoc_1.RendererEvent.END, () => {
13
- const from = (0, path_1.resolve)(__dirname, '../src/assets/');
14
- const to = (0, path_1.resolve)(this.application.options.getValue('out'), 'assets/');
15
- (0, fs_1.cpSync)(from, to, { recursive: true });
10
+ renderer.on(RendererEvent.END, () => {
11
+ const from = resolve(dirname(fileURLToPath(import.meta.url)), '../src/assets/');
12
+ const to = resolve(this.application.options.getValue('out'), 'assets/');
13
+ cpSync(from, to, { recursive: true });
16
14
  });
17
15
  // link the css file
18
- this.application.renderer.hooks.on('head.end', (event) => (typedoc_1.JSX.createElement(typedoc_1.JSX.Fragment, null,
19
- typedoc_1.JSX.createElement("link", { rel: "stylesheet", href: event.relativeURL('assets/typedoc-github-style.css') }))));
16
+ renderer.hooks.on('head.end', (event) => (JSX.createElement(JSX.Fragment, null,
17
+ JSX.createElement("link", { rel: "stylesheet", href: event.relativeURL('assets/typedoc-github-style.css') }))));
18
+ // set the Shiki theme
19
+ renderer.application.on('bootstrapEnd', () => {
20
+ if (!this.application.options.isSet('lightHighlightTheme')) {
21
+ this.application.options.setValue('lightHighlightTheme', 'github-light-default');
22
+ }
23
+ if (!this.application.options.isSet('darkHighlightTheme')) {
24
+ this.application.options.setValue('darkHighlightTheme', 'github-dark-default');
25
+ }
26
+ });
20
27
  }
21
28
  getRenderContext(pageEvent) {
22
- return new GitHubThemeContext_1.GitHubThemeContext(this, pageEvent, this.application.options);
29
+ return new GitHubThemeContext(this, pageEvent, this.application.options);
23
30
  }
24
31
  }
25
- exports.GitHubTheme = GitHubTheme;
package/dist/GitHubThemeContext.js CHANGED
@@ -1,9 +1,5 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.GitHubThemeContext = void 0;
4
- const typedoc_1 = require("typedoc");
5
- const footer_1 = require("./partials/footer");
6
- class GitHubThemeContext extends typedoc_1.DefaultThemeRenderContext {
7
- footer = () => (0, footer_1.footer)(this);
1
+ import { DefaultThemeRenderContext } from 'typedoc';
2
+ import { footer } from './partials/footer.js';
3
+ export class GitHubThemeContext extends DefaultThemeRenderContext {
4
+ footer = () => footer(this);
8
5
  }
9
- exports.GitHubThemeContext = GitHubThemeContext;
package/dist/index.js CHANGED
@@ -1,10 +1,13 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.load = load;
4
- const GitHubTheme_1 = require("./GitHubTheme");
1
+ import { GitHubTheme } from './GitHubTheme.js';
5
2
  /**
6
3
  * Called by TypeDoc when loading this theme as a plugin
7
4
  */
8
- function load(app) {
9
- app.renderer.defineTheme('typedoc-github-theme', GitHubTheme_1.GitHubTheme);
5
+ export function load(app) {
6
+ app.renderer.defineTheme('typedoc-github-theme', GitHubTheme);
7
+ app.on('bootstrapEnd', () => {
8
+ if (app.options.isSet('theme') && app.options.getValue('theme') !== 'typedoc-github-theme') {
9
+ return app.logger.warn(`The theme'typedoc-github-theme' is not used because another theme (${app.options.getValue('theme')}) was specified!`);
10
+ }
11
+ app.options.setValue('theme', 'typedoc-github-theme');
12
+ });
10
13
  }
package/dist/partials/footer.js CHANGED
@@ -1,9 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.footer = footer;
4
- const typedoc_1 = require("typedoc");
5
- function footer(context) {
6
- return (typedoc_1.JSX.createElement("footer", null,
1
+ import { JSX } from 'typedoc';
2
+ export function footer(context) {
3
+ return (JSX.createElement("footer", null,
7
4
  context.hook('footer.begin', context),
8
5
  generatorDisplay(context),
9
6
  customFooterDisplay(context),
@@ -11,22 +8,22 @@ function footer(context) {
11
8
  }
12
9
  function generatorDisplay(context) {
13
10
  if (context.options.getValue('hideGenerator')) {
14
- return typedoc_1.JSX.createElement(typedoc_1.JSX.Fragment, null);
11
+ return JSX.createElement(JSX.Fragment, null);
15
12
  }
16
- return (typedoc_1.JSX.createElement("p", { class: "tsd-generator" },
13
+ return (JSX.createElement("p", { class: "tsd-generator" },
17
14
  'Generated using ',
18
- typedoc_1.JSX.createElement("a", { href: "https://typedoc.org/", target: "_blank" }, "TypeDoc"),
15
+ JSX.createElement("a", { href: "https://typedoc.org/", target: "_blank" }, "TypeDoc"),
19
16
  ' with ',
20
- typedoc_1.JSX.createElement("a", { href: "https://github.com/KillerJulian/typedoc-github-theme", target: "_blank" }, "typedoc-github-theme")));
17
+ JSX.createElement("a", { href: "https://github.com/KillerJulian/typedoc-github-theme", target: "_blank" }, "typedoc-github-theme")));
21
18
  }
22
19
  function customFooterDisplay(context) {
23
20
  const customFooterHtml = context.options.getValue('customFooterHtml');
24
21
  if (!customFooterHtml) {
25
- return typedoc_1.JSX.createElement(typedoc_1.JSX.Fragment, null);
22
+ return JSX.createElement(JSX.Fragment, null);
26
23
  }
27
24
  if (context.options.getValue('customFooterHtmlDisableWrapper')) {
28
- return typedoc_1.JSX.createElement(typedoc_1.JSX.Raw, { html: customFooterHtml });
25
+ return JSX.createElement(JSX.Raw, { html: customFooterHtml });
29
26
  }
30
- return (typedoc_1.JSX.createElement("p", null,
31
- typedoc_1.JSX.createElement(typedoc_1.JSX.Raw, { html: customFooterHtml })));
27
+ return (JSX.createElement("p", null,
28
+ JSX.createElement(JSX.Raw, { html: customFooterHtml })));
32
29
  }
package/package.json CHANGED
@@ -1,31 +1,32 @@
1
1
  {
2
2
  "name": "typedoc-github-theme",
3
3
  "description": "Elegant and seamless look and feel for your TypeScript documentation on GitHub Pages",
4
- "version": "0.1.1",
4
+ "version": "0.2.0",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
7
+ "type": "module",
7
8
  "repository": "https://github.com/KillerJulian/typedoc-github-theme",
8
9
  "homepage": "https://killerjulian.github.io/typedoc-github-theme/",
9
10
  "author": "KillerJulian <info@killerjulian.de>",
10
11
  "license": "MIT",
11
- "packageManager": "pnpm@9.5.0",
12
+ "packageManager": "pnpm@9.14.3",
12
13
  "dependencies": {},
13
14
  "peerDependencies": {
14
- "typedoc": "^0.26.4"
15
+ "typedoc": "^0.27.1"
15
16
  },
16
17
  "devDependencies": {
17
- "@types/node": "^18.19.41",
18
- "eslint": "9.7.0",
18
+ "@types/node": "^18.19.67",
19
+ "eslint": "9.15.0",
19
20
  "eslint-config-prettier": "9.1.0",
20
- "prettier": "3.3.3",
21
- "typedoc": "~0.26.4",
22
- "typescript": "5.5.3",
23
- "typescript-eslint": "8.0.0-alpha.47"
21
+ "prettier": "3.4.1",
22
+ "typedoc": "~0.27.1",
23
+ "typescript": "5.7.2",
24
+ "typescript-eslint": "8.16.0"
24
25
  },
25
26
  "scripts": {
26
27
  "build": "pnpm build:lib && pnpm build:docs",
27
28
  "build:lib": "tsc",
28
- "build:docs": "typedoc src --plugin ./dist/index.js --theme typedoc-github-theme",
29
+ "build:docs": "typedoc src --plugin ./dist/index.js",
29
30
  "lint": "pnpm lint:format && pnpm lint:code",
30
31
  "lint:code": "eslint .",
31
32
  "lint:format": "prettier --check ."
package/src/assets/typedoc-github-style.css CHANGED
@@ -1,58 +1,90 @@
1
1
  /*
2
- * Define fonts
2
+ * Define colors
3
3
  */
4
4
 
5
5
  :root {
6
- --font-family-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
7
- 'Segoe UI Emoji';
8
- --font-family-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
9
- }
6
+ /* GitHub "Light default" */
7
+ --light-color-background: #ffffff;
8
+ --light-color-background-secondary: #f6f8fa;
9
+ --light-color-background-navbar: #f6f8fa;
10
10
 
11
- /*
12
- * Define colors
13
- */
11
+ --light-color-accent: #eff2f5;
14
12
 
15
- :root,
16
- :root[data-theme='dark'] {
17
- --color-background: #0d1117;
18
- --color-text: #e6edf3;
19
- --color-text-aside: #8d96a0;
20
- --color-accent: #4493f8;
21
- --color-border: #30363d;
22
- --color-header: #000000;
23
- --color-code-background: #161b22;
13
+ --light-color-text: #1f2328;
14
+ --light-color-text-aside: #59636e;
24
15
 
16
+ --light-color-link: #0969da;
17
+
18
+ --light-color-warning-border: #f7ebba;
19
+ --light-color-background-warning: #fff8c5;
20
+
21
+ --light-color-alert-note: #0969da;
22
+ --light-color-alert-tip: #1a7f37;
23
+ --light-color-alert-important: #8250df;
24
+ --light-color-alert-warning: #9a6700;
25
+ --light-color-alert-caution: #cf222e;
26
+
27
+ /* GitHub "Dark default" */
28
+ --dark-color-background: #0d1117;
29
+ --dark-color-background-secondary: #151b23;
30
+ --dark-color-background-navbar: #010409;
31
+
32
+ --dark-color-accent: #262c36;
33
+
34
+ --dark-color-text: #f0f6fc;
35
+ --dark-color-text-aside: #9198a1;
36
+
37
+ --dark-color-link: #4493f8;
38
+
39
+ --dark-color-warning-border: #3a2d12;
40
+ --dark-color-background-warning: #282215;
41
+
42
+ --dark-color-alert-note: #1f6feb;
43
+ --dark-color-alert-tip: #238636;
44
+ --dark-color-alert-important: #8957e5;
45
+ --dark-color-alert-warning: #9e6a03;
46
+ --dark-color-alert-caution: #da3633;
47
+
48
+ /* Link colors */
49
+ --color-warning-text: var(--color-text);
25
50
  --color-icon-background: var(--color-background);
26
- --hl-0: var(--color-text);
27
- --hl-1: var(--color-text);
51
+ --color-focus-outline: var(--color-accent);
28
52
  }
29
53
 
30
- :root[data-theme='light'] {
31
- --color-background: #ffffff;
32
- --color-text: #1f2328;
33
- --color-text-aside: #636c76;
34
- --color-accent: #0969da;
35
- --color-border: #d0d7de;
36
- --color-header: #f6f8fa;
37
- --color-code-background: #f6f8fa;
54
+ @media (prefers-color-scheme: light) {
55
+ :root {
56
+ --color-background-navbar: var(--light-color-background-navbar);
57
+ --color-warning-border: var(--light-color-warning-border);
58
+ }
59
+ }
38
60
 
39
- --color-icon-background: var(--color-background);
40
- --hl-0: var(--color-text);
41
- --hl-1: var(--color-text);
61
+ @media (prefers-color-scheme: dark) {
62
+ :root {
63
+ --color-background-navbar: var(--dark-color-background-navbar);
64
+ --color-warning-border: var(--dark-color-warning-border);
65
+ }
42
66
  }
43
67
 
44
- /*
45
- * Scrollbars
46
- */
68
+ :root[data-theme='light'] {
69
+ --color-background-navbar: var(--light-color-background-navbar);
70
+ --color-warning-border: var(--light-color-warning-border);
71
+ }
47
72
 
48
- * {
49
- scrollbar-color: var(--color-text-aside);
73
+ :root[data-theme='dark'] {
74
+ --color-background-navbar: var(--dark-color-background-navbar);
75
+ --color-warning-border: var(--dark-color-warning-border);
50
76
  }
51
77
 
52
78
  /*
53
- * Default font family
79
+ * Define fonts
54
80
  */
55
81
 
82
+ :root {
83
+ --font-family-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
84
+ 'Segoe UI Emoji';
85
+ --font-family-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
86
+ }
87
+
56
88
  body {
57
89
  font-family: var(--font-family-text);
58
90
  }
@@ -67,7 +99,6 @@ h3,
67
99
  h4,
68
100
  h5,
69
101
  h6 {
70
- color: var(--color-text);
71
102
  margin-top: 1em;
72
103
  margin-bottom: 0.5em;
73
104
  }
@@ -76,50 +107,45 @@ h6 {
76
107
  * Links
77
108
  */
78
109
 
79
- a,
80
- .tsd-kind-class {
81
- color: var(--color-accent);
82
- text-decoration: underline;
110
+ .tsd-accordion-details a,
111
+ .tsd-accordion a,
112
+ .tsd-page-toolbar a.title {
113
+ color: var(--color-text);
114
+ text-decoration: none;
83
115
  }
84
116
 
85
- .tsd-index-link {
86
- text-decoration: none;
117
+ .tsd-accordion-details a:hover,
118
+ .tsd-page-toolbar a.title:hover,
119
+ .tsd-accordion a:hover,
120
+ .tsd-anchor-icon {
121
+ color: var(--color-text-aside);
87
122
  }
88
123
 
89
- .tsd-index-link:hover {
124
+ .tsd-kind-class {
125
+ color: var(--color-link);
90
126
  text-decoration: underline;
127
+ text-underline-offset: 3px;
91
128
  }
92
129
 
93
- .tsd-anchor-icon {
94
- color: var(--color-text);
130
+ .tsd-index-link,
131
+ .tsd-page-navigation a:hover {
132
+ text-decoration: none;
95
133
  }
96
134
 
97
- /*
98
- * Lists
99
- */
100
-
101
- ul,
102
- ol {
103
- margin-left: 20px;
104
- list-style: disc;
135
+ .tsd-index-link:hover {
136
+ text-decoration: underline;
137
+ text-underline-offset: 3px;
105
138
  }
106
139
 
107
- li::marker {
108
- color: var(--color-border);
140
+ a code,
141
+ .tsd-sources a,
142
+ .tsd-page-navigation a:hover {
143
+ color: var(--color-link);
109
144
  }
110
145
 
111
- /*
112
- * Input boxes
113
- */
114
-
115
- input,
116
- textarea {
117
- background-color: var(--color-header);
118
- color: var(--color-text);
119
- border: 1px solid var(--color-border);
120
- border-radius: 6px;
121
- padding: 8px;
122
- width: 100%;
146
+ a.external[target='_blank'] {
147
+ background-image: none;
148
+ padding-right: 0px;
123
149
  }
124
150
 
125
151
  /*
@@ -132,7 +158,6 @@ table {
132
158
 
133
159
  .tsd-typography th,
134
160
  .tsd-typography td {
135
- border: 1px solid var(--color-border);
136
161
  padding: 8px;
137
162
  text-align: left;
138
163
  }
@@ -143,7 +168,7 @@ table {
143
168
  }
144
169
 
145
170
  .tsd-typography tr:nth-child(2n) {
146
- background-color: var(--color-code-background);
171
+ background-color: var(--color-background-code);
147
172
  }
148
173
 
149
174
  /*
@@ -151,7 +176,7 @@ table {
151
176
  */
152
177
 
153
178
  .tsd-typography hr {
154
- color: var(--color-border);
179
+ color: var(--color-accent);
155
180
  }
156
181
 
157
182
  /*
@@ -159,9 +184,9 @@ table {
159
184
  */
160
185
 
161
186
  button {
162
- background-color: var(--color-header);
187
+ background-color: var(--color-background-navbar);
163
188
  color: var(--color-text);
164
- border: 1px solid var(--color-border);
189
+ border: 1px solid var(--color-accent);
165
190
  border-radius: 6px;
166
191
  padding: 8px 16px;
167
192
  cursor: pointer;
@@ -169,7 +194,7 @@ button {
169
194
  }
170
195
 
171
196
  button:hover {
172
- background-color: var(--color-border);
197
+ background-color: var(--color-accent);
173
198
  }
174
199
 
175
200
  pre > button {
@@ -197,12 +222,12 @@ pre > button {
197
222
 
198
223
  .tsd-checkbox-background {
199
224
  fill: var(--color-background);
200
- stroke: var(--color-border);
225
+ stroke: var(--color-accent);
201
226
  stroke-width: 6px;
202
227
  }
203
228
 
204
229
  input[type='checkbox']:checked ~ svg .tsd-checkbox-background {
205
- fill: var(--color-border);
230
+ fill: var(--color-accent);
206
231
  }
207
232
 
208
233
  .tsd-checkbox-checkmark {
@@ -215,8 +240,7 @@ input[type='checkbox']:checked ~ svg .tsd-checkbox-background {
215
240
 
216
241
  select {
217
242
  background-color: var(--color-background);
218
- color: var(--color-foreground);
219
- border: 1px solid var(--color-border);
243
+ border: 1px solid var(--color-accent);
220
244
  border-radius: 6px;
221
245
  padding: 8px;
222
246
  font-family: inherit;
@@ -226,56 +250,67 @@ select {
226
250
  * Code blocks
227
251
  */
228
252
 
229
- pre,
230
- code {
253
+ code,
254
+ pre {
231
255
  border: none;
232
256
  border-radius: 6px;
233
257
  margin: 1em 0;
234
- background-color: var(--color-code-background);
258
+ background-color: var(--color-background-secondary);
235
259
  color: var(--color-text);
236
260
  font-family: var(--font-family-code);
237
261
  }
238
262
 
239
263
  code.tsd-tag {
240
- background-color: var(--color-border);
264
+ background-color: var(--color-accent);
241
265
  border: unset;
242
266
  }
243
267
 
244
268
  /*
245
- * Topbar
269
+ * Warnings
246
270
  */
247
271
 
248
- .tsd-page-toolbar {
249
- background-color: var(--color-header);
250
- border-bottom-color: var(--color-border);
272
+ .warning {
273
+ border-style: solid;
274
+ border-width: 1px;
275
+ border-color: var(--color-warning-border);
276
+ border-radius: 6px;
251
277
  }
252
278
 
253
- .tsd-page-toolbar a.title:hover {
254
- text-decoration: none;
279
+ /*
280
+ * Topbar
281
+ */
282
+
283
+ .tsd-page-toolbar {
284
+ background-color: var(--color-background-navbar);
285
+ border-bottom-color: var(--color-accent);
255
286
  }
256
287
 
257
288
  #tsd-search.has-focus {
258
- background-color: var(--color-header);
289
+ background-color: var(--color-background-navbar);
259
290
  }
260
291
 
261
292
  #tsd-search .results,
262
293
  #tsd-search .results li,
263
294
  #tsd-search .results li:nth-child(2n) {
264
- background-color: var(--color-header);
295
+ background-color: var(--color-background-navbar);
265
296
  }
266
297
 
267
298
  #tsd-search .results li {
268
299
  margin-bottom: 0px;
269
300
  }
270
301
 
302
+ #tsd-search .results li a {
303
+ color: var(--color-text);
304
+ }
305
+
271
306
  #tsd-search .results li:hover:not(.no-results) {
272
- background-color: var(--color-border);
307
+ background-color: var(--color-accent);
273
308
  }
274
309
 
275
310
  #tsd-search .results {
276
311
  border-style: solid;
277
312
  border-width: 1px;
278
- border-color: var(--color-border);
313
+ border-color: var(--color-accent);
279
314
  border-radius: 0px 0px 6px 6px;
280
315
  overflow: hidden;
281
316
  }
@@ -289,7 +324,7 @@ code.tsd-tag {
289
324
  */
290
325
 
291
326
  footer {
292
- border-top-color: var(--color-border);
327
+ border-top-color: var(--color-accent);
293
328
  }
294
329
 
295
330
  /*
@@ -327,7 +362,7 @@ footer {
327
362
  .tsd-member-group {
328
363
  background-color: var(--color-background);
329
364
  padding: 16px;
330
- border: 1px var(--color-border) solid;
365
+ border: 1px var(--color-accent) solid;
331
366
  border-radius: 6px;
332
367
  }
333
368
 
@@ -346,12 +381,12 @@ footer {
346
381
  }
347
382
 
348
383
  .tsd-signature {
349
- border: 1px solid var(--color-border);
384
+ border: 1px solid var(--color-accent);
350
385
  border-radius: 6px;
351
386
  }
352
387
 
353
388
  .tsd-signatures .tsd-signature {
354
- border-color: var(--color-border);
389
+ border-color: var(--color-accent);
355
390
  border-radius: 0px;
356
391
  }
357
392
 
@@ -359,6 +394,10 @@ footer {
359
394
  border-radius: 6px;
360
395
  }
361
396
 
397
+ .tsd-full-hierarchy:not(:last-child) {
398
+ border-bottom: var(--color-accent);
399
+ }
400
+
362
401
  /*
363
402
  * Footer
364
403
  */
@@ -373,12 +412,12 @@ footer p {
373
412
  * Fix collapsed margin
374
413
  */
375
414
 
376
- .tsd-accordion-summary.tsd-index-summary > h5 {
415
+ .tsd-accordion-summary > h3 {
377
416
  margin-top: 0px;
378
417
  margin-bottom: 0px;
379
418
  }
380
419
 
381
- .tsd-panel-group:not([open]) > .tsd-accordion-summary {
420
+ .tsd-page-navigation:not([open]) > .tsd-accordion-summary {
382
421
  margin-bottom: 0px;
383
422
  }
384
423
 
@@ -386,19 +425,6 @@ footer p {
386
425
  * Fix collapse arrow position
387
426
  */
388
427
 
389
- .tsd-accordion-summary:has(svg) > * {
390
- display: inline-flex;
391
- align-items: center;
392
- line-height: normal;
393
- }
394
-
395
- .tsd-accordion-summary > * > svg {
396
- padding-top: 0px;
397
- position: relative;
398
- left: 0px;
399
- top: 50%;
400
- }
401
-
402
428
  .tsd-accordion-summary svg {
403
429
  transition: transform 0.1s ease-in-out;
404
430
  }