warehack.ing/spicebook
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix oscilloscope CSS: use is:global for child component styles

Browse Source 
Astro scopes <style> block imports to the authoring component.
Since OscilloscopeDisplay.astro is a child of index.astro, the
scoped selectors didn't match. Move the CSS import into the
component itself with is:global.
This commit is contained in:
Ryan Malloy 2026-02-20 16:31:20 -07:00
parent 4b2ce896b5
commit 67bb47c0cd
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/OscilloscopeDisplay.astro
View File

@ -599,3 +599,7 @@
// Re-init on Astro page transitions // Re-init on Astro page transitions
document.addEventListener('astro:page-load', initAll); document.addEventListener('astro:page-load', initAll);
</script> </script>
<style is:global>
@import '../styles/oscilloscope.css';
</style>

1
frontend/src/pages/index.astro
View File

@ -24,7 +24,6 @@ try {
> >
<style> <style>
@import '../styles/homepage.css'; @import '../styles/homepage.css';
@import '../styles/oscilloscope.css';
</style> </style>
<!-- Hero: Split layout — text left, animated scope visual right --> <!-- Hero: Split layout — text left, animated scope visual right -->