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

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

@ -7,6 +7,10 @@
%pose-picker-popover#pose-picker-popover{popover: "auto"}
- active_tab = @alt_style ? "styles" : "expressions"
%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
%button.tab-button{"data-tab": "expressions", type: "button",
class: ("active" if active_tab == "expressions")}
@ -14,7 +18,3 @@
%button.tab-button{"data-tab": "styles", type: "button",
class: ("active" if active_tab == "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"