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

[WV2] Minor UI improvements to pose picker

Browse source
This commit is contained in:
Emi Matchu 2026-02-05 18:35:10 -08:00
parent fc93239482
commit e694bc5d05
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -335,6 +335,7 @@ 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);
width: 20rem;
.pose-picker-form { .pose-picker-form {
display: flex; display: flex;
@ -369,6 +370,7 @@ body.wardrobe-v2 {
position: relative; position: relative;
width: 60px; width: 60px;
height: 60px; height: 60px;
margin: 0 auto;
input[type="radio"] { input[type="radio"] {
position: absolute; position: absolute;
@ -465,7 +467,7 @@ body.wardrobe-v2 {
.tab-list { .tab-list {
display: flex; display: flex;
gap: 0.25rem; gap: 0.25rem;
margin-bottom: 1rem; margin-top: 1rem;
} }
.tab-button { .tab-button {

8
app/views/wardrobe/_pose_picker.html.haml
View file

@ -7,6 +7,10 @@
%pose-picker-popover#pose-picker-popover{popover: "auto"} %pose-picker-popover#pose-picker-popover{popover: "auto"}
- active_tab = @alt_style ? "styles" : "expressions" - active_tab = @alt_style ? "styles" : "expressions"
%tab-panel{active: active_tab} %tab-panel{active: active_tab}
.tab-content{"data-tab": "expressions", hidden: active_tab != "expressions" ? true : nil}
= render "pose_picker_form"
.tab-content{"data-tab": "styles", hidden: active_tab != "styles" ? true : nil}
= render "style_picker_form"
.tab-list .tab-list
%button.tab-button{"data-tab": "expressions", type: "button", %button.tab-button{"data-tab": "expressions", type: "button",
class: ("active" if active_tab == "expressions")} class: ("active" if active_tab == "expressions")}
@ -14,7 +18,3 @@
%button.tab-button{"data-tab": "styles", type: "button", %button.tab-button{"data-tab": "styles", type: "button",
class: ("active" if active_tab == "styles")} class: ("active" if active_tab == "styles")}
Styles Styles
.tab-content{"data-tab": "expressions", hidden: active_tab != "expressions" ? true : nil}
= render "pose_picker_form"
.tab-content{"data-tab": "styles", hidden: active_tab != "styles" ? true : nil}
= render "style_picker_form"