decidim-core 0.13.1 → 0.14.1

data/app/assets/javascripts/decidim/vizzs/renders.js.es6

@@ -0,0 +1,11 @@
+((exports) => {
+  const RenderChart = (chart) => {
+    chart()
+    $(document).on("change.zf.tabs", () => {
+      chart()
+    });
+  }
+
+  exports.Decidim = exports.Decidim || {};
+  exports.Decidim.Visualizations = RenderChart;
+})(window)

data/app/assets/stylesheets/decidim/extras/_proposal_form.scss

@@ -1,4 +1,6 @@
-form.new_proposal{
+form.new_collaborative_draft,
+form.new_proposal,
+form.edit_proposal{
   fieldset{
     border: 1px solid #e8e8e8;
     padding: .5em;

data/app/assets/stylesheets/decidim/layouts/_home.scss

@@ -177,7 +177,7 @@
   padding-bottom: 1rem;
 }
 
-.home-section{
+.home-section:nth-of-type(2n+1){
   background: $light-gray-dark;
 }
 

data/app/assets/stylesheets/decidim/modules/_areachart.scss

@@ -0,0 +1,74 @@
+.areachart{
+  //common
+  svg{
+    background-color: rgba($primary, .1);
+    overflow: visible;
+  }
+
+  .title{
+    fill: $muted;
+    text-transform: uppercase;
+    font-weight: 600;
+  }
+
+  .area{
+    fill: lighten($primary, 25%);
+  }
+
+  .line{
+    fill: none;
+    stroke: $primary;
+    stroke-width: 4px;
+  }
+
+  .circle{
+    fill: $primary;
+  }
+
+  .tick{
+    opacity: .5;
+
+    .dashed{
+      stroke-dasharray: 1, 3;
+    }
+  }
+
+  .sum{
+    font-weight: 600;
+    font-size: rem-calc(map-get(map-get(map-get($header-styles, medium), 'h1'), 'font-size')) * 1.5;
+  }
+
+  // color-dependent
+  $map: $foundation-palette;
+
+  @each $key, $value in $map{
+    &.#{$key}{
+      svg{
+        background-color: rgba($value, .1);
+      }
+
+      .area{
+        fill: lighten($value, 25%);
+      }
+
+      .line{
+        stroke: $value;
+      }
+
+      .circle{
+        fill: $value;
+      }
+    }
+  }
+
+  // variations
+  &.small{
+    .sum{
+      font-size: rem-calc(map-get(map-get(map-get($header-styles, medium), 'h3'), 'font-size'));
+
+      @include breakpoint(medium down){
+        font-size: rem-calc(map-get(map-get(map-get($header-styles, medium), 'h1'), 'font-size')) * 1.5;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/decidim/modules/_badges.scss

@@ -0,0 +1,116 @@
+.badge-level{
+  display: table;
+  border-collapse: collapse;
+
+  > div{
+    @include square(1rem);
+
+    border: $border;
+    display: table-cell;
+
+    &.is-achieved{
+      background-color: $success;
+    }
+  }
+}
+
+.badge-tip{
+  @extend .mt-xs;
+  @extend .mr-xs;
+
+  @include square(1rem);
+
+  color: $white;
+  border-radius: 50%;
+  background-color: $medium-gray;
+  z-index: 10;
+  cursor: pointer;
+
+  > :first-child{
+    @extend .flex--cc;
+
+    height: 100%;
+  }
+
+  &.badge-tip--inline{
+    display: inline-block;
+  }
+}
+
+.badge-container{
+  transition: all .6s ease;
+
+  .badge__logo{
+    @extend .card__image;
+
+    max-height: auto;
+    min-height: auto;
+  }
+
+  .badge__logo--small{
+    @extend .badge__logo;
+
+    border: 2px solid $primary;
+  }
+
+  & > *{
+    max-width: 100%;
+    height: auto;
+    border: 4px solid $primary;
+    border-radius: 50%;
+    transition: all .6s ease;
+  }
+
+  .no-stroke,
+  .no-stroke circle,
+  .no-stroke ellipse,
+  .no-stroke line,
+  .no-stroke path,
+  .no-stroke polygon,
+  .no-stroke polyline,
+  .no-stroke rect{
+    stroke: none !important;
+  }
+
+  .stroke-white,
+  .stroke-white circle,
+  .stroke-white ellipse,
+  .stroke-white line,
+  .stroke-white path,
+  .stroke-white polygon,
+  .stroke-white polyline,
+  .stroke-white rect{
+    stroke: $white !important;
+  }
+
+  /** Config SVG colors **/
+  .fill-primary{
+    fill: $secondary;
+  }
+
+  .fill-secondary{
+    fill: $primary;
+  }
+
+  .stroke-primary,
+  .stroke-primary circle,
+  .stroke-primary ellipse,
+  .stroke-primary line,
+  .stroke-primary path,
+  .stroke-primary polygon,
+  .stroke-primary polyline,
+  .stroke-primary rect{
+    stroke: $secondary;
+  }
+
+  .stroke-secondary,
+  .stroke-secondary circle,
+  .stroke-secondary ellipse,
+  .stroke-secondary line,
+  .stroke-secondary path,
+  .stroke-secondary polygon,
+  .stroke-secondary polyline,
+  .stroke-secondary rect{
+    stroke: $primary;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_buttons.scss

@@ -51,6 +51,11 @@
   @include modifiers(color, (success: $white, secondary: $white));
 }
 
+.button.light.hollow{
+  border-color: $white;
+  color: $white;
+}
+
 // Button groups
 .button-group--collapse{
   text-align: left;

data/app/assets/stylesheets/decidim/modules/_cards.scss

@@ -50,11 +50,17 @@ $datetime-bg: $primary;
 
 .card__content{
   padding: $card-padding-small;
-  padding-bottom: $card-padding-small / 2;
+
+  &:not(:only-child){
+    padding-bottom: $card-padding-small / 2;
+  }
 
   @include breakpoint(medium){
     padding: $card-padding;
-    padding-bottom: $card-padding / 2;
+
+    &:not(:only-child){
+      padding-bottom: $card-padding / 2;
+    }
   }
 }
 
@@ -754,6 +760,7 @@ $datetime-bg: $primary;
   }
 
   .card.success &,
+  .card.secondary &,
   .card.muted &,
   .card.warning &,
   .card.alert &{
@@ -908,8 +915,18 @@ $datetime-bg: $primary;
       }
     }
   }
+}
 
-  &:not(:last-child){
-    margin-bottom: $global-margin;
+// card - participatory space
+.card__top{
+  @extend .card__footer;
+
+  .card__content{
+    line-height: $global-lineheight;
+    padding: $card-padding-small / 4 $card-padding-small;
+
+    @include breakpoint(medium){
+      padding: $card-padding / 4 $card-padding;
+    }
   }
 }

data/app/assets/stylesheets/decidim/modules/_chart-tooltip.scss

@@ -0,0 +1,42 @@
+.chart-tooltip{
+  @extend .card;
+
+  position: absolute;
+  transform: translate(-50%, -119%);
+  box-shadow: 0 0 20px 0 rgba($black, .2);
+  overflow: visible;
+
+  .tooltip-content{
+    @extend .text-medium;
+    @extend .p-xs;
+
+    position: relative;
+
+    &::after,
+    &::before{
+      top: 100%;
+      left: 50%;
+      border: solid transparent;
+      content: " ";
+      height: 0;
+      width: 0;
+      position: absolute;
+      pointer-events: none;
+    }
+
+    &::after{
+      border-color: rgba($white, 0);
+      border-top-color: $white;
+      border-width: 10px;
+      margin-left: -10px;
+      top: calc(100% - 1px); // webkit
+    }
+
+    &::before{
+      border-color: rgba($medium-gray, 0);
+      border-top-color: $medium-gray;
+      border-width: 11px;
+      margin-left: -11px;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/modules/_collapsible-list.scss

@@ -1,18 +1,22 @@
 // @Component
 .collapsible-list{
   &.is-filtered{
-    > div:nth-of-type(1n+8){
-      display: none;
-    }
-
-    &.small{
-      > div:nth-of-type(1n+4){
-        display: none;
+    @for $i from 1 through 12{
+      &.show-#{$i}{
+        .collapse:nth-of-type(n+#{$i + 1}),
+        > div:nth-of-type(n+#{$i + 1}){
+          display: none;
+        }
       }
     }
 
     .collapsible-list__see-more{
       display: inline-block;
+
+      + .text-small{
+        padding-top: .15rem;
+        padding-left: .2rem;
+      }
     }
 
     .collapsible-list__see-less{
@@ -29,7 +33,7 @@
   }
 
   > *{
-    display: inline-block;
+    display: inline-flex;
     margin: 0 0 .5rem;
   }
 }

data/app/assets/stylesheets/decidim/modules/_conference-nav.scss

@@ -0,0 +1,31 @@
+.conference-nav{
+  margin: 0;
+  padding: 0;
+  list-style: none;
+
+  li{
+    padding: $global-padding * .5;
+
+    a{
+      font-size: rem-calc(18);
+      color: $muted;
+    }
+
+    &.is-active{
+      font-weight: $global-weight-bold;
+      position: relative;
+
+      &::before{
+        content: "";
+        display: inline-block;
+        width: 5px;
+        height: $list-lineheight * 1rem;
+        background-color: $primary;
+        position: absolute;
+        top: 50%;
+        left: -.5rem;
+        transform: translateY(-50%);
+      }
+    }
+  }
+}

data/app/assets/stylesheets/decidim/modules/_conference-programme.scss

@@ -0,0 +1,110 @@
+.conference-programme{
+  .programme-selector{
+    border-bottom: $border;
+    padding-bottom: $global-margin * .5;
+    color: $muted;
+    text-transform: uppercase;
+    font-size: rem-calc(19);
+    display: flex;
+    align-items: center;
+
+    @include breakpoint(small only){
+      flex-direction: column;
+      text-align: center;
+    }
+
+    //Override foundation
+    .tabs{
+      @include flexgap(.5rem, column);
+
+      @include breakpoint(medium){
+        @include flexgap(.5rem);
+      }
+    }
+  }
+
+  .programme-day > .row{
+    padding: $global-padding * 2 0;
+    border-bottom: $border;
+    border-bottom-style: dashed;
+  }
+
+  //Override foundation
+  .tabs,
+  .tabs-content{
+    background: transparent;
+  }
+
+  //Override foundation
+  .tabs-title{
+    > a{
+      padding: 0;
+
+      &:hover{
+        background: transparent;
+      }
+    }
+
+    > a[aria-selected='true']{
+      background: transparent;
+    }
+
+    &:not(.is-active) .button{
+      opacity: .4;
+    }
+  }
+
+  .programme-header{
+    display: flex;
+    align-items: baseline;
+
+    @include breakpoint(small only){
+      flex-direction: column;
+    }
+  }
+
+  .programme-time{
+    font-size: rem-calc(19);
+    font-weight: $global-weight-bold;
+  }
+
+  .programme-title{
+    font-size: rem-calc(24);
+    color: $secondary;
+    font-weight: $global-weight-bold;
+
+    @include breakpoint(small only){
+      @include ellipsis();
+    }
+  }
+
+  .programme-resume{
+    font-size: rem-calc(14);
+    color: $muted;
+  }
+
+  .programme-extra{
+    color: $muted;
+    font-size: rem-calc(14);
+
+    // except 2nd child
+    > .row:not(:nth-child(2)){
+      margin-top: $global-margin * .5;
+    }
+
+    // Fix position list-item beneath collapsible-list
+    @include breakpoint(medium up){
+      > .row:nth-child(2){
+        margin-top: -$global-margin * .5;
+
+        > :nth-child(2){
+          margin-top: -$global-margin * .5;
+        }
+      }
+    }
+
+    span{
+      opacity: .6;
+    }
+  }
+}