@brillout/docpress 0.15.13-commit-6651c78 → 0.15.13-commit-2b0e889
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.
- package/Layout.tsx +8 -1
- package/package.json +1 -1
package/Layout.tsx
CHANGED
|
@@ -140,7 +140,8 @@ function PageContent({ children }: { children: React.ReactNode }) {
|
|
|
140
140
|
<div
|
|
141
141
|
className="page-wrapper low-prio-grow"
|
|
142
142
|
style={{
|
|
143
|
-
//
|
|
143
|
+
// We must set min-width to avoid layout overflow on mobile/desktop view.
|
|
144
|
+
// https://stackoverflow.com/questions/36230944/prevent-flex-items-from-overflowing-a-container/66689926#66689926
|
|
144
145
|
minWidth: 0,
|
|
145
146
|
...ifDocPage({
|
|
146
147
|
backgroundColor: 'var(--bg-color)',
|
|
@@ -183,6 +184,9 @@ function NavLeft() {
|
|
|
183
184
|
flexGrow: 1,
|
|
184
185
|
borderRight: 'var(--block-margin) solid white',
|
|
185
186
|
zIndex: 1,
|
|
187
|
+
// We must set min-width to avoid layout overflow when the text of a navigation item exceeds the available width.
|
|
188
|
+
// https://stackoverflow.com/questions/36230944/prevent-flex-items-from-overflowing-a-container/66689926#66689926
|
|
189
|
+
minWidth: navLeftWidthMin,
|
|
186
190
|
}}
|
|
187
191
|
>
|
|
188
192
|
<div
|
|
@@ -397,6 +401,9 @@ function getStyleNav() {
|
|
|
397
401
|
}
|
|
398
402
|
}
|
|
399
403
|
}
|
|
404
|
+
.page-wrapper {
|
|
405
|
+
min-width: ${mainViewWidthMax}px !important;
|
|
406
|
+
}
|
|
400
407
|
}
|
|
401
408
|
`
|
|
402
409
|
|