Style the face picker on item page nicely for mobile
The desktop view isn't built yet, but this is nice!
This commit is contained in:
parent
6dd8e585a3
commit
de99e0236b
1 changed files with 6 additions and 0 deletions
|
@ -162,11 +162,17 @@ body.items-show
|
||||||
color: $error-color
|
color: $error-color
|
||||||
|
|
||||||
species-face-picker
|
species-face-picker
|
||||||
|
margin-top: 1em
|
||||||
|
|
||||||
display: block
|
display: block
|
||||||
position: relative
|
position: relative
|
||||||
|
max-height: 200px // 4 rows of 50px images, and padding will offer a hint of below
|
||||||
|
padding: 10px // leave enough room for the zoomed-in selected face
|
||||||
|
overflow: auto
|
||||||
|
|
||||||
species-face-picker-options
|
species-face-picker-options
|
||||||
display: flex
|
display: flex
|
||||||
|
justify-content: center
|
||||||
flex-wrap: wrap
|
flex-wrap: wrap
|
||||||
|
|
||||||
img
|
img
|
||||||
|
|
Loading…
Reference in a new issue