chore(storefront): move <style> to head

digdir · Mar 5, 2025 · baffc71 · baffc71
1 parent 970c73a
commit baffc71
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 6 deletions.
diff --git a/apps/storefront/app/(frontpage)/page.mdx b/apps/storefront/app/(frontpage)/page.mdx
@@ -108,7 +108,7 @@ export const metadata = {
   ]}
 />
 
-<style>
+<style href="frontpage" precedence='medium'>
   {`
 header:first-of-type {
   background-color: transparent;

diff --git a/apps/storefront/app/bloggen/(frontpage)/page.mdx b/apps/storefront/app/bloggen/(frontpage)/page.mdx
@@ -96,7 +96,7 @@ export const metadata = {
   level={2}
 />
 
-<style>
+<style href="bloggen" precedence='medium'>
   {`
     body {
       background-color: var(--ds-color-neutral-background-subtle);

diff --git a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx
@@ -83,7 +83,7 @@ function PostLayout({
           </MdxContent>
         </main>
       </Container>
-      <style suppressHydrationWarning>
+      <style suppressHydrationWarning href='post-layout' precedence='medium'>
         {`
           header {
             [data-color-scheme='dark'] &,

diff --git a/apps/storefront/app/komponenter/page.tsx b/apps/storefront/app/komponenter/page.tsx
@@ -22,7 +22,11 @@ export default function page() {
       {sortedData.map((component) => (
         <ComponentCard key={component.title} {...component} />
       ))}
-      <style suppressHydrationWarning>
+      <style
+        suppressHydrationWarning
+        href='components-page'
+        precedence='medium'
+      >
         {`
     body {
       background-color: var(--ds-color-neutral-background-subtle);

diff --git a/apps/storefront/app/monstre/page.mdx b/apps/storefront/app/monstre/page.mdx
@@ -74,7 +74,7 @@ Alle som ønsker kan påvirke arbeidet gjennom åpne diskusjoner i [Slack](https
 
 
 
-<style>
+<style href="monstre-page" precedence='medium'>
   {`
     body {
       background-color: var(--ds-color-neutral-background-subtle);

diff --git a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx
@@ -79,7 +79,11 @@ const MenuPageLayout = ({ content, data, banner }: PageLayoutProps) => {
           </div>
         </main>
       </Container>
-      <style suppressHydrationWarning>
+      <style
+        suppressHydrationWarning
+        href='menu-page-layout'
+        precedence='medium'
+      >
         {`
           header {
             [data-color-scheme='dark'] &,
-Original file line number
+Diff line change
@@ Expand Up / @@ -108,7 +108,7 @@ export const metadata = { @@
       ]}
     />
-    <style>
+    <style href="frontpage" precedence='medium'>
       {`
     header:first-of-type {
       background-color: transparent;
@@ Expand Down @@