fix(docs-like-code): Patched Techdocs Sidebar layout for medium devices.

Signed-off-by: gabrielucido <gabrielucido@gmail.com>
This commit is contained in:
gabrielucido
2022-07-14 16:15:31 -04:00
parent b67946b7f0
commit 7a98c73dc8
2 changed files with 7 additions and 2 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/plugin-techdocs': patch
---
Fixed techdocs sidebar layout bug for medium devices.
@@ -61,7 +61,7 @@ export default ({ theme, sidebar }: RuleOptions) => `
scrollbar-width: thin;
}
.md-sidebar .md-sidebar__scrollwrap {
width: calc(16rem - 10px);
width: calc(12.1rem);
}
.md-sidebar--secondary {
right: ${theme.spacing(3)}px;
@@ -169,7 +169,7 @@ export default ({ theme, sidebar }: RuleOptions) => `
width: 12.1rem !important;
z-index: 200;
left: ${
sidebar.isPinned ? 'calc(-12.1rem + 242px)' : 'calc(-12.1rem + 72px)'
sidebar.isPinned ? 'calc(-12.1rem + 224px)' : 'calc(-12.1rem + 72px)'
} !important;
}
.md-sidebar--secondary:not([hidden]) {