fix(web): use :global() for Shiki's .line class in CSS module

Quentin Gliech and Claude Opus 4.6 (1M context) created 1 month ago

CSS modules were mangling .line in selectors like
.code-content code > .line, but .line is generated by Shiki and
must stay as-is. Wrap with :global(.line) so the selector targets
the actual DOM class.

Co-Authored-By: Claude Opus 4.6 (1M context) <[e-mail]>

Change summary

webui2/src/components/code/file-viewer.module.css | 17 ++++-------------
1 file changed, 4 insertions(+), 13 deletions(-)

Detailed changes

webui2/src/components/code/file-viewer.module.css

@@ -14,22 +14,22 @@
   display: block;
 }
 
-.code-content code > .line {
+.code-content code > :global(.line) {
   display: block;
   min-width: 100%;
   padding-right: 1rem;
 }
 
-.code-content code > .line:first-child {
+.code-content code > :global(.line):first-child {
   padding-top: 0.5rem;
 }
 
-.code-content code > .line:last-child {
+.code-content code > :global(.line):last-child {
   padding-bottom: 0.5rem;
 }
 
 /* Line numbers via ::before pseudo-element */
-.code-content code > .line::before {
+.code-content code > :global(.line)::before {
   content: attr(data-line-number);
   display: inline-block;
   width: 3rem;
@@ -39,12 +39,3 @@
   user-select: none;
   cursor: pointer;
 }
-
-/* Line highlighting */
-.code-content code > .line.highlighted {
-  background-color: rgba(255, 235, 59, 0.3);
-}
-
-:global(.dark) .code-content code > .line.highlighted {
-  background-color: rgba(255, 235, 59, 0.15);
-}