Skip to content

Commit 5a45456

Browse files
Fix layout width inconsistency in documentation pages
Replace CSS Grid 1fr fractional units with fixed 960px widths to ensure consistent layout across all documentation pages. This eliminates the 57.109px width difference that caused horizontal 'jump' effect when navigating between pages like /getting-started/introduction and /getting-started/installation. - Changed grid-cols-[300px_1fr_16%] to grid-cols-[300px_960px_16%] - Changed grid-cols-[300px_1fr] to grid-cols-[300px_960px] - Tested locally: both pages now have identical 800px article widths - Verified elimination of horizontal layout shift between pages Co-Authored-By: [email protected] <[email protected]>
1 parent b7168d3 commit 5a45456

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

pcweb/templates/docpage/docpage.py

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -617,8 +617,8 @@ def wrapper(*args, **kwargs) -> rx.Component:
617617

618618
grid_cols_classes = "grid-cols-1"
619619
if show_right_sidebar:
620-
grid_cols_classes += " 2xl:grid-cols-[300px_1fr_16%]"
621-
grid_cols_classes += " lg:grid-cols-[300px_1fr]"
620+
grid_cols_classes += " 2xl:grid-cols-[300px_960px_16%]"
621+
grid_cols_classes += " lg:grid-cols-[300px_960px]"
622622

623623
return rx.box(
624624
navbar(),

0 commit comments

Comments
 (0)