Add noscript hover behavior for the Customize More button on item page
This commit is contained in:
parent
d1ac66a80f
commit
2aed7b21db
1 changed files with 6 additions and 1 deletions
|
@ -71,8 +71,13 @@ body.items-show
|
||||||
padding-right: .5em
|
padding-right: .5em
|
||||||
|
|
||||||
&:hover, &:focus
|
&:hover, &:focus
|
||||||
|
// Expand the label to its natural width. If the JS ran to tell us
|
||||||
|
// 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
|
.customize-more-label
|
||||||
width: var(--natural-width)
|
width: auto
|
||||||
|
&[style*="--natural-width"]
|
||||||
|
width: var(--natural-width)
|
||||||
|
|
||||||
outfit-viewer
|
outfit-viewer
|
||||||
display: block
|
display: block
|
||||||
|
|
Loading…
Reference in a new issue