agenda-libre-ruby/app/assets/stylesheets/region.sass

ul.regions
  width: 100%
  margin: 0
  padding: 0
  z-index: 1500
  display: flex
  position: absolute
  flex-wrap: wrap
  font-size: normal
  list-style: none
  justify-content: space-around
  background-image: linear-gradient(white, transparent)
  li
    &.selected
      border: solid 6px lightgray
      display: inline-block
    a
      padding: 0.3em
      display: block
      white-space: nowrap
    &:hover li, li.selected
      display: block
  ul
    padding: 0
    position: absolute
    box-shadow: 0 4px 4px gray
    li
      border: solid thin #eee
      display: none
      background-color: white
  em.fa.fa-times
    float: right
    font-size: larger
    margin-left: 0.3em

html.no-js ul.regions li#near-me
  display: none

html.iframe main > ul.regions
  display: none

.field.region
  .radios
    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
  &:hover > .radios, & > label:hover + .radios, & > .radios:hover
    margin-left: 10em
    transition-duration: unset
  input:checked + label
    display: inline-block

// Override for the missing quebec flag!
.flag-icon-ca-qc
  background-image: image-url(regions/CA-QC)

body.stats h3
  text-align: center

table.list.dates
  th, td
    padding: 0 0.6em

  .sparkline
    padding: 0
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`ul.regions`
			`width: 100%`
Reworked country/region selector, and orga search form moved after the main calendar 2019-05-07 20:00:28 +02:00			`margin: 0`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`padding: 0`
			`z-index: 1500`
			`display: flex`
			`position: absolute`
			`flex-wrap: wrap`
			`font-size: normal`
Reworked country/region selector, and orga search form moved after the main calendar 2019-05-07 20:00:28 +02:00			`list-style: none`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`justify-content: space-around`
			`background-image: linear-gradient(white, transparent)`
Regions can now be organised into a hierarchy. The region selector is back on the top page, but right under the related country's flag 2017-05-20 16:02:07 +02:00			`li`
The selected region, in the top right filter, is better displayed 2017-07-02 14:19:42 +02:00			`&.selected`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`border: solid 6px lightgray`
			`display: inline-block`
Regions can now be organised into a hierarchy. The region selector is back on the top page, but right under the related country's flag 2017-05-20 16:02:07 +02:00			`a`
Tighter region selector, to better display the increasing number of regions 2017-09-02 20:57:10 +02:00			`padding: 0.3em`
Small adaptation to region selector 2019-05-02 12:33:40 +02:00			`display: block`
Regions can now be organised into a hierarchy. The region selector is back on the top page, but right under the related country's flag 2017-05-20 16:02:07 +02:00			`white-space: nowrap`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`&:hover li, li.selected`
			`display: block`
Reworked country/region selector, and orga search form moved after the main calendar 2019-05-07 20:00:28 +02:00			`ul`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`padding: 0`
Reworked country/region selector, and orga search form moved after the main calendar 2019-05-07 20:00:28 +02:00			`position: absolute`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`box-shadow: 0 4px 4px gray`
Reworked country/region selector, and orga search form moved after the main calendar 2019-05-07 20:00:28 +02:00			`li`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`border: solid thin #eee`
Reworked country/region selector, and orga search form moved after the main calendar 2019-05-07 20:00:28 +02:00			`display: none`
Region filter moved on top of main banner map No more body border! 2019-06-27 22:17:40 +02:00			`background-color: white`
			`em.fa.fa-times`
			`float: right`
			`font-size: larger`
			`margin-left: 0.3em`

			`html.no-js ul.regions li#near-me`
			`display: none`

			`html.iframe main > ul.regions`
			`display: none`
Le sélecteur de régions et l'éditeur de tags ont évolué graphiquement 2014-08-16 11:19:27 +02:00
Work on the region selector 2019-05-03 11:35:24 +02:00			`.field.region`
The region selection, when creating/editing events and orgas, done using radio buttons. This should let the project evolve to a multi country one. Refs #63 2017-05-27 17:46:01 +02:00			`.radios`
Work on the region selector display 2019-05-03 15:44:54 +02:00			`z-index: 100`
			`flex-grow: 0`
			`text-align: left`
The region selection, when creating/editing events and orgas, done using radio buttons. This should let the project evolve to a multi country one. Refs #63 2017-05-27 17:46:01 +02:00			`background-color: white`
Work on the region selector 2019-05-03 11:35:24 +02:00			`.radios`
			`display: inline`
Work on the region selector display 2019-05-03 15:44:54 +02:00			`min-width: 12em`
The region selection, when creating/editing events and orgas, done using radio buttons. This should let the project evolve to a multi country one. Refs #63 2017-05-27 17:46:01 +02:00			`label`
			`display: none`
Work on the region selector 2019-05-03 11:35:24 +02:00			`min-width: 100%`
			`&:hover > .radios, label:hover + .radios, .radios:hover`
Work on the region selector display 2019-05-03 15:44:54 +02:00			`z-index: 1000`
The region selection, when creating/editing events and orgas, done using radio buttons. This should let the project evolve to a multi country one. Refs #63 2017-05-27 17:46:01 +02:00			`position: absolute`
Work on the region selector 2019-05-03 11:35:24 +02:00			`box-shadow: 0 0 0.1em black`
			`& > .region > label, & > label`
			`display: inline-block`
			`.radios`
			`position: absolute`
Work on the region selector display 2019-05-03 15:44:54 +02:00			`&:hover > .radios, & > label:hover + .radios, & > .radios:hover`
			`margin-left: 10em`
			`transition-duration: unset`
Work on the region selector 2019-05-03 11:35:24 +02:00			`input:checked + label`
			`display: inline-block`
The region selection, when creating/editing events and orgas, done using radio buttons. This should let the project evolve to a multi country one. Refs #63 2017-05-27 17:46:01 +02:00
The country flags are all managed using the super flag-icons-rails gem. The Quebec flag is a simple css declaration! 2017-05-27 13:28:03 +02:00			`// Override for the missing quebec flag!`
			`.flag-icon-ca-qc`
Quebec flag should be better handled in production 2017-05-27 18:44:09 +02:00			`background-image: image-url(regions/CA-QC)`
The country flags are all managed using the super flag-icons-rails gem. The Quebec flag is a simple css declaration! 2017-05-27 13:28:03 +02:00
Le sélecteur de régions et l'éditeur de tags ont évolué graphiquement 2014-08-16 11:19:27 +02:00			`body.stats h3`
			`text-align: center`
Meilleurs stats par dates, avec sparklines 2014-10-19 16:20:44 +02:00
Petit changement espacement dans stats 2014-10-19 16:47:30 +02:00			`table.list.dates`
			`th, td`
Meilleur affichage table des stats 2014-10-23 10:59:14 +02:00			`padding: 0 0.6em`
Petit changement espacement dans stats 2014-10-19 16:47:30 +02:00
			`.sparkline`
			`padding: 0`