Skip to content

Commit e46c9a4

Browse files
committed
fix(ccb): cover subpixel gaps next to control bar
At non-integer DPR (e.g. 110% browser zoom), subpixel rounding could leave a ~1px strip of body bg visible between #centralControlBar and its neighbors — sidebar on the left, editor on the right. Add a solid zero-blur box-shadow on both sides so CCB-colored pixels paint into those gaps without changing any geometry.
1 parent bd66c2c commit e46c9a4

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

src/styles/CentralControlBar.less

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,14 @@
4141
still staying on-theme in light mode. */
4242
background-color: #222;
4343
border-right: 1px solid rgba(0, 0, 0, 0.45);
44+
/* Extend CCB's paint by 2px on each side without affecting layout. Under
45+
non-integer DPR (e.g. 110% browser zoom) subpixel rounding can leave a
46+
1px gap between CCB and the sidebar on the left, and between CCB and the
47+
editor on the right. A solid box-shadow with zero blur paints CCB-colored
48+
pixels into those gaps without shifting any geometry. */
49+
box-shadow:
50+
-2px 0 0 0 #222,
51+
2px 0 0 0 #222;
4452

4553
.ccb-group {
4654
display: flex;

0 commit comments

Comments
 (0)