OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity

[WV2] Fix anchor positioning for pose picker popover

Browse source
This commit is contained in:
Emi Matchu 2025-12-26 22:15:57 -08:00
parent 02a64ef639
commit fb8fb4b27e
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/assets/stylesheets/wardrobe/show.css
View file

@ -65,6 +65,7 @@ body.wardrobe-v2 {
/* Pose picker button */ /* Pose picker button */
.pose-picker-button { .pose-picker-button {
anchor-name: --pose-picker-anchor;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
font-size: 0.95rem; font-size: 0.95rem;
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
@ -112,6 +113,11 @@ body.wardrobe-v2 {
/* Pose picker popover */ /* Pose picker popover */
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); background: rgba(0, 0, 0, 0.9);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
@ -119,9 +125,6 @@ body.wardrobe-v2 {
padding: 1.25rem; padding: 1.25rem;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
margin: 0;
position-area: bottom;
inset: auto;
.pose-picker-form { .pose-picker-form {
display: flex; display: flex;