fix: Adjust page break styles (#1383)

matthewlipski · web-flow · commit 99385e0e3586 · 2025-01-21T10:25:42.000+01:00
diff --git a/packages/core/src/editor/Block.css b/packages/core/src/editor/Block.css
@@ -312,7 +312,8 @@ NESTED BLOCKS
 .bn-block-content[data-content-type="pageBreak"] > div {
   width: 100%;
   height: 0;
-  border-top: dotted rgb(125, 121, 122) 4px;
+  border-top: dotted rgb(125, 121, 122) 2px;
+  margin-block: 11px;
 }
 
 @media print {
diff --git a/packages/react/src/editor/styles.css b/packages/react/src/editor/styles.css
@@ -238,7 +238,3 @@
 .bn-side-menu[data-url="false"] {
   height: 54px;
 }
-
-.bn-side-menu[data-block-type="pageBreak"] {
-  transform: translateY(-10px);
-}

Original file line number	Diff line number	Diff line change
`@@ -312,7 +312,8 @@ NESTED BLOCKS`
`312`	`312`	`.bn-block-content[data-content-type="pageBreak"] > div {`
`313`	`313`	`width: 100%;`
`314`	`314`	`height: 0;`
`315`		`- border-top: dotted rgb(125, 121, 122) 4px;`
	`315`	`+ border-top: dotted rgb(125, 121, 122) 2px;`
	`316`	`+ margin-block: 11px;`
`316`	`317`	`}`
`317`	`318`
`318`	`319`	`@media print {`
Original file line number	Diff line number	Diff line change
`@@ -238,7 +238,3 @@`
`238`	`238`	`.bn-side-menu[data-url="false"] {`
`239`	`239`	`height: 54px;`
`240`	`240`	`}`
`241`		`-`
`242`		`-.bn-side-menu[data-block-type="pageBreak"] {`
`243`		`- transform: translateY(-10px);`
`244`		`-}`