Files

T

Johan Persson 8d1e093ae8 feat(techdocs): make sidebar positioning configurable via CSS custom properties (#33908 )

* feat(techdocs): make sidebar positioning configurable via CSS custom properties

Replace hardcoded Backstage app sidebar widths (224px/72px) in the
TechDocs layout CSS with CSS custom properties that inherit through
the shadow DOM boundary, allowing apps with custom sidebar widths
to override the defaults.

- `--techdocs-sidebar-closed-offset-pinned` (default: 224px)
- `--techdocs-sidebar-closed-offset-collapsed` (default: 72px)
- `--techdocs-sidebar-open-translate` (default: 16rem)

Also extract all magic values into named constants.

Signed-off-by: Johan Persson <johanopersson@gmail.com>

* Add PR #33908 to patch release

Signed-off-by: Johan Persson <johanopersson@gmail.com>

---------

Signed-off-by: Johan Persson <johanopersson@gmail.com>

2026-04-16 08:02:54 -04:00

dev

…

src

feat(techdocs): make sidebar positioning configurable via CSS custom properties (#33908 )

2026-04-16 08:02:54 -04:00

.eslintrc.js

…

catalog-info.yaml

…

CHANGELOG.md

Version Packages

2026-04-14 14:57:31 +00:00

config.d.ts

…

knip-report.md

chore: regenerate knip reports

2026-04-16 12:14:47 +02:00

package.json

fix: replace old config schemas for extensions and blueprints

2026-04-15 12:55:27 +03:00

README.md

…

report-alpha.api.md

fix: replace old config schemas for extensions and blueprints

2026-04-15 12:55:27 +03:00

report.api.md

…

README.md

TechDocs Plugin

Getting started

Set up Backstage and TechDocs by following our guide on Getting Started.

Configuration

Refer to our configuration reference for a complete listing of configuration options.

TechDocs Storage API

The default setup of TechDocs assumes that your documentation is accessed by reading a page with the format of <storageUrl>/<entity namespace>/<entity kind>/<entity name>. This can be configured by implementing a new techdocs storage API.