decidim-core 0.13.1 → 0.14.1

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

@@ -0,0 +1,86 @@
+.conference-speaker{
+  margin-bottom: $global-margin * 3;
+
+  .speaker-img-wrapper{
+    margin-bottom: $global-margin;
+    position: relative;
+
+    &::before{
+      content: "";
+      display: block;
+      padding-bottom: 100%;
+    }
+
+    .speaker-img{
+      position: absolute;
+      top: 0;
+      left: 0;
+      bottom: 0;
+      right: 0;
+
+      img{
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+  }
+
+  .speaker-data{
+    .data-name{
+      font-weight: $global-weight-bold;
+      font-size: rem-calc(18);
+    }
+
+    .data-role,
+    .data-extra{
+      color: $muted;
+    }
+  }
+
+  .speaker-bio{
+    @extend .card;
+
+    display: none;
+    padding: $global-padding;
+    left: 0;
+    background-color: $white;
+    box-shadow: 0 0 20px 0 rgba($black, .2);
+    z-index: 1;
+    width: 100vw;
+    position: absolute;
+
+    @include breakpoint(medium){
+      top: 0;
+      width: 300%;
+      padding: $global-padding * 2;
+      transform: translateY(-10%);
+    }
+
+    > :first-child{
+      display: flex;
+      justify-content: stretch;
+    }
+
+    .bio-extended{
+      font-size: rem-calc(14);
+    }
+
+    .bio-acts{
+      font-weight: $global-weight-bold;
+    }
+  }
+
+  &:hover .speaker-bio{
+    display: block;
+  }
+
+  @include breakpoint(medium){
+    position: relative;
+
+    &:nth-of-type(4n + 3) .speaker-bio,
+    &:nth-of-type(4n + 4) .speaker-bio{
+      transform: translateY(-10%) translateX(-50%);
+    }
+  }
+}

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

@@ -0,0 +1,58 @@
+.conversation{
+  .conversation-header{
+    @extend .p-m;
+
+    border-bottom: $border;
+
+    img{
+      width: rem-calc(66);
+      height: rem-calc(66);
+      border-radius: 50%;
+    }
+  }
+
+  .conversation-chat{
+    @include flex;
+    @include flex-align(left, top);
+    @include flexgap($global-margin);
+
+    @extend .mt-s;
+
+    width: 75%;
+
+    &.conversation-chat--offset{
+      @include flex-direction(row-reverse);
+      @include flexgap($global-margin, row-reverse);
+
+      margin-left: auto;
+    }
+
+    > :first-child{
+      flex-shrink: 0;
+    }
+
+    img{
+      width: rem-calc(33px);
+      height: rem-calc(33px);
+      border-radius: 50%;
+    }
+
+    .card{
+      margin-bottom: $global-margin / 2;
+    }
+
+    .card:last-of-type{
+      margin-bottom: 0;
+    }
+  }
+
+  .conversation-reply{
+    @extend .mt-s;
+
+    width: 75%;
+
+    &.conversation-reply--offset{
+      margin-left: auto;
+    }
+  }
+}

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

@@ -14,3 +14,41 @@
     }
   }
 }
+
+.help-tooltip{
+  @include flex;
+  @include flex-align(center, middle);
+
+  border: .25rem solid lighten($secondary, 25%);
+  border-radius: 50%;
+  background-color: $secondary;
+  color: $light-gray;
+  padding: .25rem;
+  cursor: pointer;
+}
+
+// Extend Foundation defaults
+.tooltip{
+  &.light{
+    background-color: $body-background;
+    color: $body-font-color;
+    box-shadow: $prototype-box-shadow;
+    border-radius: $global-radius;
+
+    &.top::before{
+      border-color: $body-background transparent transparent;
+    }
+
+    &.bottom::before{
+      border-color: transparent transparent $body-background;
+    }
+
+    &.left::before{
+      border-color: transparent transparent transparent $body-background;
+    }
+
+    &.right::before{
+      border-color: transparent $body-background transparent transparent;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/modules/_hover-section.scss

@@ -0,0 +1,29 @@
+.hover-section{
+  &:hover{
+    background-color: $white;
+    border: $border;
+    box-shadow: 0 0 20px 0 rgba($black, .2);
+    display: flex;
+    justify-content: center;
+    align-items: stretch;
+    // transform: translate(-$global-padding, -$global-padding);
+    cursor: pointer;
+
+    > :first-child{
+      border-right: $border;
+    }
+
+    .hidden-section{
+      display: block;
+      align-self: center;
+    }
+  }
+
+  a{
+    color: inherit;
+  }
+
+  .hidden-section{
+    display: none;
+  }
+}

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

@@ -1,7 +1,8 @@
-$icon-size: rem-calc(14);
-$icon-size-sm: rem-calc(10);
-$icon-size-l: rem-calc(24);
-$icon-size-xl: rem-calc(30);
+// font type based on parent container
+$icon-size: .875em;
+$icon-size-sm: .625em;
+$icon-size-l: 1.5em;
+$icon-size-xl: 1.875em;
 
 .icon{
   width: $icon-size;
@@ -30,6 +31,11 @@ $icon-size-xl: rem-calc(30);
   fill: rgba(black, .2);
 }
 
+.icon--container{
+  display: inline-flex;
+  align-items: center;
+}
+
 .icon--action:hover,
 a:hover .icon--action{
   fill: currentColor;

data/app/assets/stylesheets/decidim/modules/_input-hashtags.scss

@@ -0,0 +1,124 @@
+@import "tribute";
+
+.hashtags__container{
+  width: 100%;
+
+  span{
+    color: $secondary;
+  }
+
+  [type=text]{
+    white-space: nowrap;
+    overflow: hidden;
+
+    br{
+      display: none;
+    }
+
+    *{
+      display: inline;
+      white-space: nowrap;
+    }
+  }
+
+  [contenteditable=true]:empty::before{
+    color: $input-placeholder-color;
+    content: attr(placeholder);
+    display: block; // firefox
+  }
+
+  &.hashtags__container--textarea{
+    [contenteditable=true]{
+      -webkit-appearance: textfield;
+      -moz-appearance: textfield-multiline;
+      appearance: textfield;
+
+      // foundation defaults
+      @include form-element();
+
+      max-width: 100%;
+      // Min size, 3 times input textfield
+      min-height: 3 * (($input-font-size * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')));
+      height: auto;
+
+      // Placeholder text
+      &::placeholder{
+        color: $input-placeholder-color;
+      }
+
+      // Disabled/readonly state
+      &:disabled,
+      &[readonly]{
+        background-color: $input-background-disabled;
+        cursor: $input-cursor-disabled;
+      }
+    }
+  }
+
+  // Override defaults
+  .tribute-container{
+    position: relative;
+    min-width: 100%;
+    top: -1rem - rem-calc(1);
+
+    ul{
+      //reset list
+      margin: 0;
+      list-style: none;
+      // input defaults
+      outline: none;
+      border: $input-border-focus;
+      border-radius: $input-radius;
+      background-color: $input-background-focus;
+      box-shadow: $input-shadow-focus;
+
+      @if has-value($input-transition){
+        transition: $input-transition;
+      }
+
+      li{
+        padding: $input-padding;
+        border-top: $border;
+      }
+    }
+
+    .highlight{
+      background-color: $input-prefix-background;
+    }
+  }
+
+  &.is-active{
+    [contenteditable=true],
+    input,
+    textarea{
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    .tribute-container{
+      ul{
+        border-top: 0;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+
+    // Quill.js
+    &.editor{
+      > :first-child{
+        border-top-left-radius: $input-radius;
+        border-top-right-radius: $input-radius;
+        border-top: $input-border-focus;
+        border-right: $input-border-focus;
+        border-left: $input-border-focus;
+      }
+
+      .editor-container{
+        border-right: $input-border-focus;
+        border-left: $input-border-focus;
+        margin-bottom: 1rem;
+        outline: none;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/decidim/modules/_loading-spinner.scss

@@ -0,0 +1,12 @@
+.loading-spinner{
+  margin: 25px !important;
+  height: 25px;
+  text-align: center;
+
+  &::before{
+    @include spinner(25px, $medium-gray, $primary, 800ms);
+
+    content: "";
+    vertical-align: middle;
+  }
+}

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

@@ -43,12 +43,12 @@ $side:(
   @each $p-key, $prop in $property{
     @each $v-key, $value in $size{
       .#{$p-key}-#{$v-key}{
-        #{$prop}: #{$value};
+        #{$prop}: #{$value} !important;
       }
 
       @each $s-key, $side in $side{
         .#{$p-key}#{$s-key}-#{$v-key}{
-          #{$prop}-#{$side}: #{$value};
+          #{$prop}-#{$side}: #{$value} !important;
         }
       }
     }

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

@@ -35,6 +35,7 @@
 @import "tags";
 @import "input-tags";
 @import "input-mentions";
+@import "input-hashtags";
 @import "list-docs";
 @import "datepicker";
 @import "pagination";
@@ -42,6 +43,10 @@
 @import "progress-bar";
 @import "docs-manager";
 @import "horizontal-tabs";
+@import "conversation";
+@import "orgchart";
+@import "badges";
+@import "hover-section";
 
 //Process elements
 @import "process-header";
@@ -55,10 +60,19 @@
 @import "reference";
 @import "status-labels";
 
+//Conference elements
+@import "conference-nav";
+@import "conference-speaker";
+@import "conference-programme";
+
 //User interface
 @import "user-form";
 @import "signup";
 
+//Visualizations
+@import "areachart";
+@import "chart-tooltip";
+
 //Additional elements
 @import "share";
 @import "help";
@@ -70,3 +84,4 @@
 @import "block-banner";
 @import "fingerprint";
 @import "toggle";
+@import "loading-spinner";

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

@@ -344,6 +344,15 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   }
 }
 
+.topbar__edit__link a{
+  color: $medium-gray;
+
+  &:hover{
+    background: $navbar-bg-hover;
+    color: $navbar-color-hover;
+  }
+}
+
 .usermenu-off-canvas-holder .usermenu-off-canvas{
   border-top: 1px solid;
   border-bottom: 1px solid;