diff --git a/app/assets/stylesheets/wardrobe/show.css b/app/assets/stylesheets/wardrobe/show.css index 98ad195c..f96c2dfb 100644 --- a/app/assets/stylesheets/wardrobe/show.css +++ b/app/assets/stylesheets/wardrobe/show.css @@ -65,6 +65,7 @@ body.wardrobe-v2 { /* Pose picker button */ .pose-picker-button { + anchor-name: --pose-picker-anchor; padding: 0.5rem 0.75rem; font-size: 0.95rem; border: 1px solid rgba(255, 255, 255, 0.3); @@ -112,6 +113,11 @@ body.wardrobe-v2 { /* Pose picker popover */ pose-picker-popover { + position: absolute; + position-anchor: --pose-picker-anchor; + margin: 0; + inset: auto; + position-area: top; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); @@ -119,9 +125,6 @@ body.wardrobe-v2 { padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); - margin: 0; - position-area: bottom; - inset: auto; .pose-picker-form { display: flex;