From 2a95ddc298f1c5ca8f1ff823583de04f220e5327 Mon Sep 17 00:00:00 2001
From: echarp <manu@echarp.org>
Date: Fri, 3 May 2019 15:44:54 +0200
Subject: [PATCH] Work on the region selector display

---
 app/assets/stylesheets/mobile.sass |  2 +-
 app/assets/stylesheets/region.sass | 32 ++++++++----------------------
 2 files changed, 9 insertions(+), 25 deletions(-)

diff --git a/app/assets/stylesheets/mobile.sass b/app/assets/stylesheets/mobile.sass
index 77acca18..c71db79e 100644
--- a/app/assets/stylesheets/mobile.sass
+++ b/app/assets/stylesheets/mobile.sass
@@ -99,7 +99,7 @@
       display: block
       text-align: left
       margin-left: 1%
-    &.locality, &.repeat, &.active
+    &.region, &.locality, &.repeat, &.active
       label
         width: auto
     input
diff --git a/app/assets/stylesheets/region.sass b/app/assets/stylesheets/region.sass
index 7f309e4f..6e34d974 100644
--- a/app/assets/stylesheets/region.sass
+++ b/app/assets/stylesheets/region.sass
@@ -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