decidim-core 0.9.3 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bb155e8d59a117cddb772f80d367de9d7abe021ea6d37af2f8d6b080a7f94bf8
-  data.tar.gz: a429cb952493c92af576ab9253dbc66884c87cbc1de2f2d4a743d5006828a027
+  metadata.gz: b32e3bb559542783d6a9740b4085fd8eeb759f73f8abf90f5757ca0637df8f10
+  data.tar.gz: 96b403539d296a203d68be022bb15bbd174615f7958348682fa41c5552a96151
 SHA512:
-  metadata.gz: 9fb306e7dcee5e6124143546150283368face417e8774244cf7893d72900316fb98a7cde6a3c66adb951eea4ae49581963a9ef79c2ebcadb534f26c9a594d01b
-  data.tar.gz: '041917204f85f7af4d8d0269934a23c06ee19a3223b26295eafb8213f22eebd44cd5bedce0df6148fe9eed59c4403dc70b78ede416531476b81af830c351bf96'
+  metadata.gz: 83330d25850c105e3335e7928314c7825122928e7b187e4e5527d46411c44580b2fd1b6301ec00c999c017ef4adb340fdc0642bc55b3818da856851c4e19d093
+  data.tar.gz: ee8b45ecc831028ccaafa868cf77352064b810e6b4dbb668945ac91a66f7840b75c5aa7cc7a193c8bcc7698f4611f6105f07b699f2367390f80aa9dcd0bec535

data/app/assets/javascripts/decidim/append_redirect_url_to_modals.js.es6

@@ -36,7 +36,7 @@ $(() => {
       const parts = queryString.split(/[&;]/g);
 
       // Reverse iteration as may be destructive
-      for (let index = parts.length; index > 0; index -= 1) {
+      for (let index = parts.length - 1; index >= 0; index -= 1) {
         // Idiom for string.startsWith
         if (parts[index].lastIndexOf(prefix, 0) !== -1) {
           parts.splice(index, 1);

data/app/assets/javascripts/decidim/data_picker.js.es6

@@ -9,32 +9,36 @@
       this.current = null;
 
       elements.each((_index, element) => {
-        let $element = $(element);
-        let input    = "hidden",
-            name     = $element.data('picker-name'),
-            values   = $(".picker-values", $element);
+        this.activate(element);
+      });
+    }
 
-        if ($element.hasClass("picker-multiple")) {
-          input = "checkbox";
-          name += "[]";
-        }
+    activate(picker) {
+      let $element = $(picker);
+      let input    = "hidden",
+          name     = $element.data('picker-name'),
+          values   = $(".picker-values", $element);
 
-        $("div", values).each((_index2, div) => {
-          let value = $("a", div).data("picker-value");
-          $(div).prepend($(`<input type="${input}" checked name="${name}" value="${value}"/>`));
-        });
+      if ($element.hasClass("picker-multiple")) {
+        input = "checkbox";
+        name += "[]";
+      }
 
-        $element.on("click", "a", (event) => {
-          event.preventDefault();
-          if ($element.hasClass('disabled')) {
-            return;
-          }
-          this._openPicker($element, event.target.parentNode);
-        });
+      $("div", values).each((_index2, div) => {
+        let value = $("a", div).data("picker-value");
+        $(div).prepend($(`<input type="${input}" checked name="${name}" value="${value}"/>`));
+      });
 
-        $element.on("click", "input", (event) => {
-          this._removeValue($element, event.target.parentNode);
-        });
+      $element.on("click", "a", (event) => {
+        event.preventDefault();
+        if ($element.hasClass('disabled')) {
+          return;
+        }
+        this._openPicker($element, event.target.parentNode);
+      });
+
+      $element.on("click", "input", (event) => {
+        this._removeValue($element, event.target.parentNode);
       });
     }
 
@@ -84,12 +88,12 @@
       }
 
       this.current = {
-                        multiple: $picker.hasClass("picker-multiple"),
-                        picker: $picker,
-                        name: $picker.data('picker-name'),
-                        values: $picker.find(".picker-values"),
-                        div: currentDiv
-                      };
+        multiple: $picker.hasClass("picker-multiple"),
+        picker: $picker,
+        name: $picker.data('picker-name'),
+        values: $picker.find(".picker-values"),
+        div: currentDiv
+      };
     }
 
     _load(url) {

data/app/assets/javascripts/decidim/form_filter.component.js.es6

@@ -93,7 +93,7 @@
           const [, key, array, value] = result.match(/filter\[([^\]]*)\](\[\])?=([^&]*)/);
           if (array) {
             if (!acc[key]) {
-              acc[key]=[];
+              acc[key] = [];
             }
             acc[key].push(value);
           } else {
@@ -108,7 +108,7 @@
       return null;
     }
 
-     /**
+    /**
      * Parse current location and get the current order.
      * @private
      * @returns {string} - The current order

data/app/assets/javascripts/decidim/foundation.js.es6

@@ -6,7 +6,6 @@
 // = require foundation.util.motion.js
 // = require foundation.util.nest.js
 // = require foundation.util.timer.js
-// = require foundation.util.timerAndImageLoader.js
 // = require foundation.util.touch.js
 // = require foundation.util.triggers.js
 // = require foundation.abide.js
@@ -26,4 +25,4 @@
 // = require foundation.tabs.js
 // = require foundation.toggler.js
 // = require foundation.tooltip.js
-// = require foundation.zf.responsiveAccordionTabs.js
+// = require foundation.responsiveAccordionTabs.js

data/app/assets/stylesheets/decidim/_decidim.scss

@@ -1,9 +1,14 @@
 @import "variables";
 @import "foundation";
-@import "utils/*";
+@import "utils/settings";
 
 @include foundation-everything($flex: false);
 
+@import "utils/fontface";
+@import "utils/helpers";
+@import "utils/keyframes";
+@import "utils/mixins";
+@import "utils/toggle-expand";
 @import "modules/modules";
 @import "layouts/*";
 @import "extras/*";

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

@@ -7,6 +7,10 @@
   display: flex;
 }
 
+.address--alone{
+  flex-grow: 1;
+}
+
 .address__info{
   display: flex;
   flex-grow: 1;

data/app/assets/stylesheets/decidim/modules/_block-banner.scss

@@ -0,0 +1,39 @@
+.block-banner{
+  background-repeat: no-repeat;
+  padding: 1rem;
+
+  @include breakpoint(medium down){
+    background-image: none !important;
+    padding-bottom: 1rem;
+
+    .card__content{
+      padding-bottom: 0;
+    }
+  }
+
+  @include breakpoint(medium){
+    background-position: right -400px center;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+
+    .card__content{
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+  }
+
+  @include breakpoint(large){
+    padding-left: 4rem;
+    padding-right: 4rem;
+
+    .card__content{
+      padding-left: 0;
+    }
+  }
+
+  p:last-child{
+    margin-bottom: 0;
+  }
+}

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

@@ -1,14 +1,25 @@
 /* Foundation button overrides */
-
 .button{
   &.small{
     padding-top: .5rem;
     padding-bottom: .5rem;
+
+    &.compact{
+      padding-left: .5rem;
+      padding-right: .5rem;
+      letter-spacing: 0;
+    }
   }
 
   &.tiny{
     padding-top: .25rem;
     padding-bottom: .25rem;
+
+    &.compact{
+      padding-left: .25rem;
+      padding-right: .25rem;
+      letter-spacing: 0;
+    }
   }
 }
 
@@ -36,8 +47,68 @@
   }
 }
 
+.button.light:not(.hollow){
+  @include modifiers(color, (success: $white, secondary: $white));
+}
+
+// Button groups
+.button-group--collapse{
+  text-align: left;
+  margin-bottom: 0;
+  display: flex;
+
+  > :last-child{
+    flex: 1;
+  }
+
+  .button{
+    margin-right: 0;
+  }
+
+  > :first-child,
+  > :first-child *{
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  > :last-child,
+  > :last-child *{
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  > :not(:first-child):not(:last-child),
+  > :not(:first-child):not(:last-child) *{
+    border-radius: 0;
+  }
+}
+
+// buttons layout
+.buttons__row{
+  @include flexgap(.5rem);
+}
+
+.buttons__column{
+  @include flexgap(.5rem, column);
+}
+
 /* Extra buttons styles */
 
+.button--shadow{
+  $shadows:(
+    primary: shade($primary, 50),
+    secondary: shade($secondary, 50),
+    success: shade($success, 50),
+    warning: shade($warning, 50),
+    alert: shade($alert, 50),
+    muted: shade($muted, 50)
+  );
+
+  @include modifiers(background-color, $shadows){
+    color: $white;
+  }
+}
+
 .button--icon{
   display: flex;
   align-items: center;
@@ -54,6 +125,10 @@
   }
 }
 
+.button--nomargin{
+  margin: 0;
+}
+
 .button--frosted{
   background-color: rgba($white, .65);
   color: $primary;

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

@@ -27,3 +27,7 @@
     border-left: 8px solid $alert;
   }
 }
+
+.callout.flash{
+  margin-bottom: 0;
+}

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

@@ -5,6 +5,7 @@ $card-secondary-bg: $light-gray-dark;
 $card-border: $border;
 $card-border-radius: $global-radius;
 $card-shadow: 0 2px 7px rgba(black, .1);
+$card-id: $medium-gray;
 
 $card-padding-small: 1rem;
 $card-padding: 1.5rem;
@@ -47,9 +48,11 @@ $datetime-bg: $primary;
 
 .card__content{
   padding: $card-padding-small;
+  padding-bottom: $card-padding-small / 2;
 
   @include breakpoint(medium){
     padding: $card-padding;
+    padding-bottom: $card-padding / 2;
   }
 }
 
@@ -72,7 +75,7 @@ $datetime-bg: $primary;
 }
 
 .card__header{
-  margin-bottom: 1rem;
+  margin-bottom: $card-padding / 2;
 }
 
 .card__button{
@@ -101,20 +104,32 @@ $datetime-bg: $primary;
   }
 }
 
-/* Card meetings */
-.card--meeting{
-  .card__content{
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
+.card__text{
+  .card__text--status{
+    font-weight: bold;
+    text-transform: uppercase;
 
-    .address{
-      margin-top: auto;
+    &::after{
+      content: " ";
     }
+
+    @include modifiers(color, (muted: $muted));
   }
+
+  .card__text--category{
+    display: block;
+    margin-top: $global-margin / 2;
+  }
+}
+
+.card__image{
+  width: 100%;
+  max-height: 10rem;
+  object-fit: cover;
 }
 
 /* Card datetime */
+// NOTE: Possible deprecated
 .card__datetime{
   flex-shrink: 0;
   text-align: center;
@@ -184,8 +199,12 @@ $datetime-bg: $primary;
 }
 
 .card__author{
-  margin-top: -.3rem;
   margin-bottom: .5rem;
+
+  // Hack when there's a toggler list
+  [data-toggler]{
+    margin-bottom: -.5rem;
+  }
 }
 
 .card__voting{
@@ -214,7 +233,7 @@ $datetime-bg: $primary;
   flex-grow: 1;
   text-align: center;
   text-transform: uppercase;
-  font-size: 85%;
+  font-size: rem-calc(15);
   line-height: 1;
   color: $muted;
   padding: .5em;
@@ -267,8 +286,11 @@ $datetime-bg: $primary;
     padding: $card-padding;
   }
 
+  > *:only-child{
+    margin-left: auto;
+  }
+
   .card__button{
-    //margin-left: auto;
     font-size: $small-font-size;
   }
 }
@@ -308,7 +330,11 @@ $datetime-bg: $primary;
 
 /* Card Link */
 .card__link{
-  color: inherit;
+  color: $anchor-color;
+
+  @include breakpoint(small only){
+    word-break: break-all;
+  }
 
   &:hover{
     color: $anchor-color;
@@ -421,6 +447,15 @@ $datetime-bg: $primary;
   }
 }
 
+.card--list__data__icon--lg{
+  @extend .card--list__data__icon;
+
+  .icon{
+    width: 36px;
+    height: 36px;
+  }
+}
+
 .card--list__data__number{
   @extend .card-data__item__number;
 
@@ -606,10 +641,76 @@ $datetime-bg: $primary;
       }
     }
   }
+}
+
+// card label
+.card__label{
+  display: inline-flex;
+  color: $card-id;
+  padding: 0 .5rem;
+  text-transform: uppercase;
+  font-size: $small-font-size;
+  font-weight: bold;
+  position: absolute;
+  background-color: $card-bg;
+  margin-top: -$global-margin * .75;
+  margin-left: $card-padding-small;
+
+  .icon{
+    // Reduces some icon space
+    margin-left: -.25rem;
+  }
 
-  .card-status__text{
-    font-weight: bold;
+  @include breakpoint(medium){
+    margin-left: $card-padding;
+  }
 
-    @include modifiers(color, (muted: $muted));
+  @include modifiers(color, (muted: tint($muted, 50))){
+    margin-top: -$global-margin * .95;
+  }
+}
+
+// card metadata with icon
+.card__icondata{
+  ul{
+    align-items: stretch;
+    border-top: $border;
+
+    li{
+      border-top: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      > *{
+        margin: .5rem;
+      }
+    }
+
+    li:first-child{
+      color: $primary;
+      flex: 0;
+    }
+
+    li:not(:first-child){
+      font-size: $global-font-size;
+      text-transform: none;
+      justify-content: left;
+
+      strong{
+        color: $body-font-color;
+        text-transform: uppercase;
+      }
+
+      .card__icondata--address{
+        color: $body-font-color;
+        line-height: 120%;
+
+        & + a{
+          display: block;
+          margin-top: $global-margin;
+        }
+      }
+    }
   }
 }