From 7f356cdede718f69fc4a29b2a0d59f631c3e28a6 Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Mon, 9 Sep 2024 16:27:23 -0700
Subject: [PATCH] Slight improvement to Customize More noscript behavior

My wife suggested this, thanks Aria!! Identical behavior, but not using
the hack of reading the `style` attribute.
---
 app/assets/stylesheets/items/_show.sass | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/items/_show.sass b/app/assets/stylesheets/items/_show.sass
index bfddd09b..174602e9 100644
--- a/app/assets/stylesheets/items/_show.sass
+++ b/app/assets/stylesheets/items/_show.sass
@@ -66,6 +66,7 @@ body.items-show
         overflow: hidden
         transition: width .25s
         white-space: nowrap
+        --natural-width: auto
 
         measured-content
           padding-right: .5em
@@ -75,9 +76,7 @@ body.items-show
         // what it is in px, we can use that for a smooth transition. If not,
         // okay, we just pop out to `auto`, which CSS can't make smooth.
         .customize-more-label
-          width: auto
-          &[style*="--natural-width"]
-            width: var(--natural-width)
+          width: var(--natural-width)
 
   outfit-viewer
     display: block