From cad5607411a24315aef399ad9e476b0b18e280f5 Mon Sep 17 00:00:00 2001 From: Damien Vitrac Date: Wed, 11 Jan 2023 16:33:58 +0100 Subject: [PATCH] fix(techdocs): remove footer overlay on large screen Uses static positions on the child links instead of the container Resolves #15653 Signed-off-by: Damien Vitrac --- .changeset/nervous-apricots-whisper.md | 5 +++++ .../techdocs/src/reader/transformers/styles/rules/layout.ts | 6 ++++++ 2 files changed, 11 insertions(+) create mode 100644 .changeset/nervous-apricots-whisper.md diff --git a/.changeset/nervous-apricots-whisper.md b/.changeset/nervous-apricots-whisper.md new file mode 100644 index 0000000000..ce71486364 --- /dev/null +++ b/.changeset/nervous-apricots-whisper.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-techdocs': patch +--- + +Improve view: remove footer overlay on large screen diff --git a/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts b/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts index c4e6938fdc..e6bad41045 100644 --- a/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts +++ b/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts @@ -105,7 +105,13 @@ export default ({ theme, sidebar }: RuleOptions) => ` .md-footer { position: fixed; bottom: 0px; + pointer-events: none; } + +.md-footer-nav__link { + pointer-events: all; +} + .md-footer__title { background-color: unset; }