Work on the region selector display

remotes/origin/master
echarp 4 years ago
parent 52a53c9518
commit 2a95ddc298
  1. 2
      app/assets/stylesheets/mobile.sass
  2. 32
      app/assets/stylesheets/region.sass

@ -99,7 +99,7 @@
display: block
text-align: left
margin-left: 1%
&.locality, &.repeat, &.active
&.region, &.locality, &.repeat, &.active
label
width: auto
input

@ -33,45 +33,29 @@ header nav
&:hover ul
box-shadow: 0 4px 4px gray
// .field.region .radios
// display: inline-block
// text-align: left
// background-color: white
// label
// width: 100%
// display: none
// &:hover > .region > label
// display: block
// z-index: 1000
// input:checked + label
// display: inline
// .region:hover .radios
// z-index: 1000
// position: absolute
// box-shadow: 0 4px 4px gray
// margin-left: 10em
.field.region
display: block
text-align: left
& > label
display: inline-block
.radios
z-index: 1000
display: inline-block
z-index: 100
flex-grow: 0
text-align: left
background-color: white
.radios
display: inline
min-width: 12em
label
display: none
min-width: 100%
&:hover > .radios, label:hover + .radios, .radios:hover
z-index: 1000
position: absolute
box-shadow: 0 0 0.1em black
& > .region > label, & > label
display: inline-block
.radios
position: absolute
min-width: 12em
&:hover > .radios, & > label:hover + .radios, & > .radios:hover
margin-left: 10em
transition-duration: unset
input:checked + label
display: inline-block

Loading…
Cancel
Save