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

header
  nav
    max-width: calc(99% - 91px)
    margin-top: -3.1em
  &:hover nav
    margin-top: 0

.region_filter
  float: right
  font-size: smaller
  & > ul > li
    float: left
  ul
    margin: 0
    z-index: 1500
    list-style: none
    text-align: left
    border-bottom-left-radius: 0.4em
    border-bottom-right-radius: 0.4em
    ul
      position: absolute
      background-color: white
      li
        display: none
        border-top: solid thin #eee
    & li:hover li, li.selected
      display: block
  li
    margin: 0
    &.selected
      box-shadow: 0 0 0 6px lightgray
    a
      padding: 0.3em
      display: inline-block
      white-space: nowrap
    &:hover ul
      box-shadow: 0 4px 4px gray

.radios
  .radios
    display: inline-block
    text-align: left
    background-color: white
    label
      display: none
      padding: 0.2em
    input:checked + label
      display: inline
  .region:hover .radios
    z-index: 1000
    position: absolute
    box-shadow: 0 4px 4px gray
    label
      display: block !important

// 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
Tighter table display on small screens 2018-04-08 23:04:52 +02:00			`header`
The organisation search bar and countries selector are moved up 2018-04-08 00:17:18 +02:00			`nav`
Permanent filters: "near" and "tag" 2018-10-17 15:47:43 +02:00			`max-width: calc(99% - 91px)`
Visual simplifications 2018-09-16 23:17:24 +02:00			`margin-top: -3.1em`
The organisation search bar and countries selector are moved up 2018-04-08 00:17:18 +02:00			`&:hover nav`
			`margin-top: 0`

Add Luxembourg and Tunisia 2017-07-01 19:02:46 +02:00			`.region_filter`
Changes to the main display: the title is flushed left. Plus the map footer item is moved to be just below the main calendar view 2017-05-20 17:23:57 +02:00			`float: right`
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			`font-size: smaller`
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			`& > ul > li`
			`float: left`
Le sélecteur de régions et l'éditeur de tags ont évolué graphiquement 2014-08-16 11:19:27 +02:00			`ul`
			`margin: 0`
Organisations counter per kind can also filtered by selected region 2017-07-02 15:40:13 +02:00			`z-index: 1500`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`list-style: none`
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			`text-align: left`
Removal of compass, which was used to support older browsers 2016-09-17 22:45:32 +02:00			`border-bottom-left-radius: 0.4em`
			`border-bottom-right-radius: 0.4em`
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			`ul`
			`position: absolute`
			`background-color: white`
			`li`
			`display: none`
The country selector is associated with chevron, to let the user see a region can be selected 2017-05-20 18:10:04 +02:00			`border-top: solid thin #eee`
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:hover li, li.selected`
			`display: block`
			`li`
			`margin: 0`
The selected region, in the top right filter, is better displayed 2017-07-02 14:19:42 +02:00			`&.selected`
			`box-shadow: 0 0 0 6px lightgray`
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`
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			`display: inline-block`
			`white-space: nowrap`
			`&:hover ul`
			`box-shadow: 0 4px 4px gray`
Le sélecteur de régions et l'éditeur de tags ont évolué graphiquement 2014-08-16 11:19:27 +02:00
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`
			`.radios`
			`display: inline-block`
Tighter region selector, to better display the increasing number of regions 2017-09-02 20:57:10 +02:00			`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`
			`label`
			`display: none`
Tighter region selector, to better display the increasing number of regions 2017-09-02 20:57:10 +02:00			`padding: 0.2em`
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			`input:checked + label`
			`display: inline`
Add Luxembourg and Tunisia 2017-07-01 19:02:46 +02:00			`.region:hover .radios`
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			`z-index: 1000`
			`position: absolute`
			`box-shadow: 0 4px 4px gray`
			`label`
			`display: block !important`

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`