paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 21 Packages Projects Releases Wiki Activity

fix(techdocs): mobile sidebar width

Browse Source 
Signed-off-by: Camila Belo <camilaibs@gmail.com>
This commit is contained in:
Camila Belo
2022-03-28 08:51:07 +02:00
parent 4352a0ef2d
commit 216c262bf2
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/techdocs/src/reader/components/Reader.tsx
+13 -10
View File
@@ -450,12 +450,6 @@ export const useTechDocsReaderDom = (
scrollbar-color: rgb(193, 193, 193) #eee;
scrollbar-width: thin;
}
.md-sidebar .md-sidebar__scrollwrap {
width: calc(16rem - 10px);
}
.md-sidebar--secondary {
right: ${theme.spacing(3)}px;
}
.md-sidebar::-webkit-scrollbar {
width: 5px;
}
@@ -478,6 +472,12 @@ export const useTechDocsReaderDom = (
.md-sidebar::-webkit-scrollbar-thumb:hover {
background: rgb(125, 125, 125);
}
.md-sidebar--secondary {
right: ${theme.spacing(3)}px;
}
.md-sidebar__scrollwrap {
overflow: unset !important;
}
.md-content {
max-width: calc(100% - 16rem * 2);
@@ -556,15 +556,18 @@ export const useTechDocsReaderDom = (
height: 100%;
}
.md-sidebar--primary {
width: 12.1rem !important;
width: 16rem !important;
z-index: 200;
left: ${
isPinned ? 'calc(-12.1rem + 242px)' : 'calc(-12.1rem + 72px)'
isPinned ? 'calc(-16rem + 242px)' : 'calc(-16rem + 72px)'
} !important;
}
.md-sidebar--secondary:not([hidden]) {
display: none;
}
[data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary {
transform: translateX(16rem);
}
.md-content {
max-width: 100%;
@@ -593,8 +596,8 @@ export const useTechDocsReaderDom = (
@media screen and (max-width: 600px) {
.md-sidebar--primary {
left: -12.1rem !important;
width: 12.1rem;
left: -16rem !important;
width: 16rem;
}
}
`,