Fix CodeContainer border radius (#820)

AaronMoat · web-flow · commit 703a514dd4f7 · 2025-04-28T22:31:05.000Z
* Fix CodeContainer border radius

* wheeeeee
diff --git a/.changeset/every-hoops-pull.md b/.changeset/every-hoops-pull.md
@@ -0,0 +1,5 @@
+---
+'scoobie': patch
+---
+
+CodeContainer: Fix border radius mismatch between line numbers section and container
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Bash.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Bash.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:88b9ba13df537f1140edfcd6949a22026b1ea1afd88860352827ea0621f8f068
-size 7901
+oid sha256:f345311e577452b0989084e2f1173afde7404fb4a7ade7015f1e095ce8bddbaf
+size 7784
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Csharp.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Csharp.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:adc0468004491e0a14defa0361569316b42a7bc476a8cf5f1aaa8f93c7622770
-size 22956
+oid sha256:e5abffbf0f2f5c2edcce7bc8bf93f0831eb144461c0d8eeddab3e8de57ef1145
+size 22839
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Diff.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Diff.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ce26f69e8baff826fa45b1c2ce900b8a85ed78a0e839409dfa39ba8935789ed4
-size 14873
+oid sha256:fa6955b71ba97f9de4e1337df8ae903d697607e18e1583d99521bc10abd6fabb
+size 14742
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Graph_Ql.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Graph_Ql.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:dc14080131949acdffe2493877dc2bd157674f26d1b23afd903c69381453f822
-size 12003
+oid sha256:938e8fd07e9379c1e2ef958e3f54f62c5e581c8d40f0e819b8f0b62b13c6fc2e
+size 11883
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Html.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Html.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e648298f4a531f5468eea8782493fbb0729806523733a3b13221dfb62970c9cf
-size 13997
+oid sha256:88540ad976f6277946bbef44656c12bfde51d1ec25277cba337bdb37d13d6934
+size 13877
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Http.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Http.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:d02096a4ec481ff0cc22b4f8c8a11fa2d11491005c315cfc0f75fdc94c48b9dd
-size 9350
+oid sha256:d116ae2dfc632cb186032a81f49dd5e32ccf8ba477bd27a41aff9240ac6895af
+size 9232
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_JSX.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_JSX.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9c0569970aef50d58709bb9084c369ce405fa9f30d3682a357e46f32c6bc0a03
-size 11305
+oid sha256:df040e36e4f80e5f2626ddb84a2f75386b1ebae454111f23ae38c9da7bdf8911
+size 11187
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Java.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Java.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:539129a9fd5eddee38697a848ca835046153bb446fa3b7306e90719861d60073
-size 20477
+oid sha256:87f52db34ea09f0161d54e5105ffdb92a03e2bc89cb9896a787a83360c39fa1d
+size 20351
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Javascript.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Javascript.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c99ff0e8abe0b721078eec0f5916fc4e996df2178aefd505c818d7be82a1d92e
-size 10187
+oid sha256:6318eec052f7d2cce2b9085395a994488bb612c5a685f931bdf1d80b56dab6f5
+size 10068
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Json.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Json.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9367baddd45015ac091d8012b85ad11e1a2a60bec572a32ccbef68135dacb405
-size 9102
+oid sha256:4747199c92d5c9ca513e5a0a17f58d4dd73068bffd3eca3f705cab0cb7057167
+size 8983
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Jsonc.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Jsonc.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4083fbd372c914851d92fdfb2bae52d9818a538b6af4e29dea04892ec39cd9fb
-size 12001
+oid sha256:e995e7a5bcc6a919d15e89261cb9e415b031d5dc8db638614abbd561f806abb3
+size 11889
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Kotlin.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Kotlin.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:52a53d291a8cb8ab54312c51994bcd67d0f2e146bf9640b4d1bbc4c2b8edd846
-size 10990
+oid sha256:653b6fa09fd25b40aba5f490cea581ae64ea4449bb3f53fb9b30ecd3f57fbe09
+size 10873
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Multi.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Multi.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:38b0cf24db705250c1231e5e4d79344043afc165cf443fff03213a101b81b0eb
-size 11167
+oid sha256:1985143933107a3b4a7b70ae6749a55ef3981d2d558f0d803d135cef74322d47
+size 11048
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Php.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Php.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:69ec2df4bdcec7a94572859e17f01dae269bd3fe96241684f5ebfb758cfb8b47
-size 9595
+oid sha256:9775649fc35c4623d8043982140a0842ba3bbe7c3081d83e24fb6fc3dff20871
+size 9476
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Python.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Python.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:584d25ab7d05a4dd5c6cbca3826f48a1ba6bc192a29f4673044ed30ef1a26275
-size 8322
+oid sha256:9060296206580191d3ab0e5026c5856d6b3b8d729928c209ce118cd566d4f55e
+size 8195
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Shell.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Shell.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:88b9ba13df537f1140edfcd6949a22026b1ea1afd88860352827ea0621f8f068
-size 7901
+oid sha256:f345311e577452b0989084e2f1173afde7404fb4a7ade7015f1e095ce8bddbaf
+size 7784
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Single.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Single.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:dc14080131949acdffe2493877dc2bd157674f26d1b23afd903c69381453f822
-size 12003
+oid sha256:938e8fd07e9379c1e2ef958e3f54f62c5e581c8d40f0e819b8f0b62b13c6fc2e
+size 11883
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Splunk_Spl.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Splunk_Spl.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b3681952dbeff250ffe517395241a9428f931676a5725e11f1a32ef18c2b9a9a
-size 14152
+oid sha256:633ab6c902f5e4596fe67f8d3cdc88b15fb40ff7d926f4fa263de40be4efac98
+size 14032
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Sql.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Sql.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:be6d606095b23232942a7eacfed9543642a155acfda57ed0b8665c2f08b5d4c3
-size 7959
+oid sha256:6fe6e4c2116230c83e5ea0a716d5e47f0d998c4d7148b3990fbcd817d77becf8
+size 7844
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_Swift.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_Swift.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:fb0e82779d17676450c426078cd6d16810c5dbac7a4f40e6e5d23f9d60aa1042
-size 8150
+oid sha256:52f9e2b4ae29155af165ee774078abf19614144b09e1f9420cf3ba8503bae306
+size 8033
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeBlock_XML.png b/.loki/reference/chrome_laptop_Standalone_CodeBlock_XML.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cc524b925e004c477feb6971d11f8863ce8a2ff91f569fff8dc9e8025e89fba4
-size 11109
+oid sha256:ee9e747c9c192ef29a9a7359084489ad726a6f0a61331187eabdb4fb3cddc7e1
+size 10989
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeContainer_Line_Numbers.png b/.loki/reference/chrome_laptop_Standalone_CodeContainer_Line_Numbers.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:436e250e32ff0e325d7450c0124608baa617cad72466620dc35a5bcd43110dff
-size 6949
+oid sha256:93611c8a777289fddd8a5925fe393e3f84f9860211216068f127775d22ae85c0
+size 6826
diff --git a/.loki/reference/chrome_laptop_Standalone_CodeThemeProvider_Scoobie_Light.png b/.loki/reference/chrome_laptop_Standalone_CodeThemeProvider_Scoobie_Light.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3139eed20b033a5fdadb397f5f8cc81591159b125c57e5fe5516ba3203cca376
-size 875534
+oid sha256:ed3010872803977e7381b703eed36aa0483c5c478adb76754ff578b4efcdad68
+size 874838
diff --git a/src/components/CodeContainer.css.ts b/src/components/CodeContainer.css.ts
@@ -7,8 +7,6 @@ import { codeBackgroundColor } from '../private/color';
 
 export const lineNumberContainer = style([
   {
-    borderTopLeftRadius: vars.borderRadius.large,
-    borderBottomLeftRadius: vars.borderRadius.large,
     color: vars.foregroundColor.secondary,
     userSelect: 'none',
   },

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'scoobie': patch
 +---
++
 +CodeContainer: Fix border radius mismatch between line numbers section and container
Original file line number	Diff line number	Diff line change
`@@ -7,8 +7,6 @@ import { codeBackgroundColor } from '../private/color';`
`7`	`7`
`8`	`8`	`export const lineNumberContainer = style([`
`9`	`9`	`{`
`10`		`- borderTopLeftRadius: vars.borderRadius.large,`
`11`		`- borderBottomLeftRadius: vars.borderRadius.large,`
`12`	`10`	`color: vars.foregroundColor.secondary,`
`13`	`11`	`userSelect: 'none',`
`14`	`12`	`},`