Oops, fix layout for error when item preview fails to load
Oh right, I need the error indicator to be part of a container that also contains the outfit viewer, to appear below it! I was motivated because I realized I forgot the Customize More button so now I'm building it lol
This commit is contained in:
parent
5131ba40d8
commit
3a18820d05
2 changed files with 11 additions and 7 deletions
|
@ -38,6 +38,9 @@ body.items-show
|
||||||
height: 16px
|
height: 16px
|
||||||
width: 16px
|
width: 16px
|
||||||
|
|
||||||
|
.preview-area
|
||||||
|
margin: 0 auto
|
||||||
|
|
||||||
outfit-viewer
|
outfit-viewer
|
||||||
display: block
|
display: block
|
||||||
position: relative
|
position: relative
|
||||||
|
@ -46,7 +49,6 @@ body.items-show
|
||||||
border: 1px solid $module-border-color
|
border: 1px solid $module-border-color
|
||||||
border-radius: 1em
|
border-radius: 1em
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
margin: 0 auto
|
|
||||||
|
|
||||||
// There's no useful text in here, but double-clicking the play/pause
|
// There's no useful text in here, but double-clicking the play/pause
|
||||||
// button can cause a weird selection state. Disable text selection.
|
// button can cause a weird selection state. Disable text selection.
|
||||||
|
@ -336,8 +338,9 @@ body.items-show
|
||||||
grid-template-areas: "viewer faces" "picker meta"
|
grid-template-areas: "viewer faces" "picker meta"
|
||||||
gap: .5em
|
gap: .5em
|
||||||
|
|
||||||
outfit-viewer
|
.preview-area
|
||||||
grid-area: viewer
|
grid-area: viewer
|
||||||
|
outfit-viewer
|
||||||
width: 350px
|
width: 350px
|
||||||
height: 350px
|
height: 350px
|
||||||
|
|
||||||
|
|
|
@ -15,6 +15,7 @@
|
||||||
sorry!
|
sorry!
|
||||||
|
|
||||||
= turbo_frame_tag "item-preview" do
|
= turbo_frame_tag "item-preview" do
|
||||||
|
.preview-area
|
||||||
= render partial: "outfit_viewer", locals: {outfit: @preview_outfit}
|
= render partial: "outfit_viewer", locals: {outfit: @preview_outfit}
|
||||||
.error-indicator
|
.error-indicator
|
||||||
💥 We couldn't load all of this outfit. Try again?
|
💥 We couldn't load all of this outfit. Try again?
|
||||||
|
|
Loading…
Reference in a new issue