decidim-core 0.19.1 → 0.23.0

data/app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss

@@ -10,13 +10,22 @@
     margin-bottom: $global-margin;
 
     .tabs-title{
+      &.is-active{
+        a{
+          background: transparent;
+          color: var(--primary);
+          font-weight: 600;
+          border-bottom: 3px solid var(--primary);
+        }
+      }
+
       a{
         color: $anchor-color;
         padding: $global-padding * 3/4;
         position: relative;
 
         &:focus,
-        &[aria-selected='true']{
+        &[aria-selected="true"]{
           background: transparent;
           color: var(--primary);
           font-weight: 600;
@@ -49,3 +58,57 @@
   color: inherit;
   transition: all .5s ease;
 }
+
+.responsive-tab-block{
+  @media only screen and (max-width: 639px){
+    overflow: hidden;
+    height: 44px;
+
+    & > ul.tabs{
+      flex-direction: column;
+
+      & > li{
+        flex: 0 0 auto;
+
+        &.is-active{
+          -webkit-box-ordinal-group: -1; // fixes older Safari issues
+          order: -1;
+
+          &::before{
+            display: block;
+            content: " ";
+            font-weight: normal;
+            float: right;
+            width: 0;
+            height: 0;
+            border-left: 5px solid transparent;
+            border-right: 5px solid transparent;
+            border-top: 5px solid #f00;
+            margin-top: 20px;
+          }
+
+          & > a:focus{
+            outline: 0 !important;
+          }
+        }
+
+        & > a{
+          border-bottom: 3px solid transparent;
+          color: green;
+
+          &:focus{
+            outline: 0 !important;
+          }
+        }
+      }
+    }
+
+    &.expanded{
+      height: auto;
+
+      & > ul.tabs > li.is-active::before{
+        transform: rotate(180deg);
+      }
+    }
+  }
+}

data/app/assets/stylesheets/decidim/modules/_inline-filters.scss

@@ -38,10 +38,13 @@
     width: $dropdown-width;
 
     li{
-      padding: $global-padding;
-
       a{
-        color: $body-font-color;
+        display: block;
+        padding: $global-padding;
+
+        &:hover{
+          text-decoration: underline;
+        }
       }
 
       &:not(:last-child){

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

@@ -1,6 +1,16 @@
 .gallery__container{
   width: 100%;
 
+  fieldset{
+    border: 1px solid $light-gray;
+    padding: .5rem;
+    margin-bottom: 1rem;
+  }
+
+  legend{
+    padding: .25rem;
+  }
+
   .thumbnail{
     max-height: 100px;
   }

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

@@ -1,12 +1,9 @@
 @import "tribute";
 
-.mentions__container{
+.mentions__container,
+.hashtags__container{
   width: 100%;
 
-  span{
-    color: $secondary;
-  }
-
   [type=text]{
     white-space: nowrap;
     overflow: hidden;
@@ -27,7 +24,8 @@
     display: block; // firefox
   }
 
-  &.mentions__container--textarea{
+  &.mentions__container--textarea,
+  &.hashtags__container--textarea{
     [contenteditable=true]{
       -webkit-appearance: textfield;
       -moz-appearance: textfield-multiline;
@@ -60,6 +58,7 @@
     position: relative;
     min-width: 100%;
     top: -1rem - rem-calc(1);
+    color: $secondary;
 
     ul{
       //reset list
@@ -82,9 +81,28 @@
       }
     }
 
-    .highlight{
+    .highlight,
+    li:hover{
       background-color: $input-prefix-background;
     }
+
+    .tribute-item{
+      .author__avatar{
+        display: inline-block;
+        vertical-align: middle;
+        padding: 0;
+      }
+
+      .is-group{
+        height: 1.6rem;
+        float: right;
+        font-weight: normal;
+
+        svg{
+          vertical-align: middle;
+        }
+      }
+    }
   }
 
   &.is-active{

data/app/assets/stylesheets/decidim/modules/_input-multiple-mentions.scss

@@ -0,0 +1,5 @@
+@import "tribute";
+
+input.js-multiple-mentions.mentions__container::placeholder{
+  color: $input-multiple-placeholder-color;
+}

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

@@ -12,6 +12,19 @@
   }
 }
 
+.wrapper-mini{
+  padding: 1.2rem 1rem 0;
+  position: relative;
+
+  @include breakpoint(medium){
+    padding: 2rem 1.5rem 0;
+  }
+
+  @include breakpoint(large){
+    padding: 3rem 4rem 0;
+  }
+}
+
 .wrapper--inner{
   background: $light-gray-dark;
   padding-top: 1rem;
@@ -59,3 +72,11 @@ body{
     margin-right: -.5rem;
   }
 }
+
+.translation-bar{
+  a.button{
+    margin-bottom: 0;
+    margin-top: -4px;
+    margin-right: 5px;
+  }
+}

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

@@ -9,6 +9,17 @@
   }
 }
 
+.map__help{
+  .skip{
+    @include skip-button;
+  }
+}
+
+.leaflet-container{
+  // Keep it below the second level navigation dropdown
+  z-index: 5;
+}
+
 .map-info{
   background: var(--primary);
   border-radius: $global-radius;
@@ -82,3 +93,38 @@
     min-width: 12em;
   }
 }
+
+.static-map{
+  cursor: pointer;
+  height: 120px;
+  width: 120px;
+
+  .leaflet-popup-pane,
+  .leaflet-control{
+    cursor: pointer;
+  }
+
+  &:focus{
+    outline: $anchor-outline-focus;
+    outline-color: var(--highlight);
+    outline-offset: $anchor-outline-offset;
+  }
+
+  &,
+  .leaflet-control-attribution{
+    a{
+      &:hover,
+      &:focus{
+        text-decoration: none;
+        outline: none;
+      }
+    }
+  }
+
+  &,
+  &.leaflet-touch{
+    .leaflet-control-attribution{
+      font-size: .55rem;
+    }
+  }
+}

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

@@ -5,6 +5,7 @@ $margin-m: $global-margin * 3;
 $margin-l: $global-margin * 5;
 
 //Sections
+
 .section{
   margin-bottom: $margin-sm;
   word-wrap: break-word;
@@ -19,25 +20,25 @@ $margin-l: $global-margin * 5;
 }
 
 // helpers
-$size:(
+$size: (
   none: 0,
   xs: $margin-xs,
   s: $margin-s,
   sm: $margin-sm,
   m: $margin-m,
-  l: $margin-l
+  l: $margin-l,
 ) !default;
 
-$property:(
+$property: (
   p: padding,
-  m: margin
+  m: margin,
 ) !default;
 
-$side:(
+$side: (
   t: top,
   r: right,
   b: bottom,
-  l: left
+  l: left,
 ) !default;
 
 @mixin make-spaces(){
@@ -56,4 +57,4 @@ $side:(
   }
 }
 
-@include make-spaces()
+@include make-spaces();

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

@@ -3,30 +3,30 @@ $message-padding: 1rem;
 
 /* Messages */
 
-.message{
-  @extend .card;
-}
-
-.message__header{
-  padding: $message-padding;
-}
-
-.message__content{
-  padding: 0 $message-padding $message-padding;
-
-  > :last-child{
-    margin-bottom: 0;
-  }
-
-  p{
-    overflow-wrap: break-word;
+.unread_message__counter{
+  $counter-size: 25px;
+  $counter-font-size: $counter-size - 12px;
+
+  background-color: $secondary;
+  border-radius: 50%;
+  color: $white;
+  font-size: $counter-font-size;
+  font-weight: 600;
+  margin-left: auto;
+  margin-right: 5%;
+  width: $counter-size;
+
+  span{
+    display: block;
+    line-height: $counter-size;
+    text-align: center;
   }
 }
 
 /* Message form */
 
 .add-message{
-  @extend .message;
+  @extend .card;
 
   padding: $message-padding;
 

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

@@ -1,88 +1,92 @@
 //Basic modules
-@import "margins";
-@import "typography";
-@import "title-action";
-@import "buttons";
-@import "forms";
-@import "icons";
-@import "video";
+@import "decidim/modules/margins";
+@import "decidim/modules/typography";
+@import "decidim/modules/title-action";
+@import "decidim/modules/buttons";
+@import "decidim/modules/forms";
+@import "decidim/modules/icons";
+@import "decidim/modules/video";
 
 //Foundation overrides
-@import "reveal";
+@import "decidim/modules/reveal";
 
 //Layout
-@import "layout";
-@import "navbar";
-@import "main-container";
-@import "footer";
-@import "static-pages";
+@import "decidim/modules/layout";
+@import "decidim/modules/navbar";
+@import "decidim/modules/main-container";
+@import "decidim/modules/footer";
+@import "decidim/modules/static-pages";
 
 //Cards and containers
-@import "card-grid";
-@import "cards";
-@import "extra";
-@import "definition-data";
-@import "callout";
+@import "decidim/modules/card-grid";
+@import "decidim/modules/cards";
+@import "decidim/modules/extra";
+@import "decidim/modules/definition-data";
+@import "decidim/modules/callout";
 
 //Shared modules
-@import "comments";
-@import "messages";
-@import "opinion-toggle";
-@import "flag";
-@import "author-avatar";
-@import "address";
-@import "order-by";
-@import "tags";
-@import "input-tags";
-@import "input-mentions";
-@import "input-hashtags";
-@import "list-docs";
-@import "datepicker";
-@import "pagination";
-@import "data-picker";
-@import "progress-bar";
-@import "docs-manager";
-@import "horizontal-tabs";
-@import "conversation";
-@import "badges";
-@import "hover-section";
-@import "list-request";
-@import "floating-helper";
-@import "versions";
+@import "decidim/modules/confirm";
+@import "decidim/modules/comments";
+@import "decidim/modules/messages";
+@import "decidim/modules/opinion-toggle";
+@import "decidim/modules/flag";
+@import "decidim/modules/author-avatar";
+@import "decidim/modules/address";
+@import "decidim/modules/order-by";
+@import "decidim/modules/tags";
+@import "decidim/modules/input-tags";
+@import "decidim/modules/input-mentions";
+@import "decidim/modules/input-multiple-mentions";
+@import "decidim/modules/list-docs";
+@import "decidim/modules/datepicker";
+@import "decidim/modules/pagination";
+@import "decidim/modules/data-picker";
+@import "decidim/modules/progress-bar";
+@import "decidim/modules/docs-manager";
+@import "decidim/modules/horizontal-tabs";
+@import "decidim/modules/conversation";
+@import "decidim/modules/badges";
+@import "decidim/modules/hover-section";
+@import "decidim/modules/list-request";
+@import "decidim/modules/floating-helper";
+@import "decidim/modules/versions";
+@import "decidim/modules/sticky";
+@import "decidim/modules/notification";
 
 //Process elements
-@import "process-header";
-@import "process-info";
-@import "process-nav";
-@import "process-phase";
-@import "timeline";
-@import "filter-tags";
-@import "filters";
-@import "inline-filters";
-@import "reference";
-@import "status-labels";
+@import "decidim/modules/process-header";
+@import "decidim/modules/process-info";
+@import "decidim/modules/process-nav";
+@import "decidim/modules/process-phase";
+@import "decidim/modules/timeline";
+@import "decidim/modules/filter-tags";
+@import "decidim/modules/filters";
+@import "decidim/modules/inline-filters";
+@import "decidim/modules/reference";
+@import "decidim/modules/status-labels";
+@import "decidim/modules/process-stats";
 
 //Conference elements
-@import "conference-nav";
-@import "conference-speaker";
-@import "conference-programme";
-@import "conference-registration";
-@import "conference-diploma";
-@import "conference-media";
+@import "decidim/modules/conference-nav";
+@import "decidim/modules/conference-speaker";
+@import "decidim/modules/conference-programme";
+@import "decidim/modules/conference-registration";
+@import "decidim/modules/conference-diploma";
+@import "decidim/modules/conference-media";
 
 //User interface
-@import "user-form";
-@import "signup";
+@import "decidim/modules/user-form";
+@import "decidim/modules/signup";
 
 //Additional elements
-@import "share";
-@import "help";
-@import "cookie-bar";
-@import "map";
-@import "omnipresent_banner";
-@import "wizard-steps";
-@import "collapsible-list";
-@import "block-banner";
-@import "fingerprint";
-@import "toggle";
-@import "loading-spinner";
+@import "decidim/modules/share";
+@import "decidim/modules/help";
+@import "decidim/modules/cookie-bar";
+@import "decidim/modules/map";
+@import "decidim/modules/omnipresent_banner";
+@import "decidim/modules/wizard-steps";
+@import "decidim/modules/collapsible-list";
+@import "decidim/modules/block-banner";
+@import "decidim/modules/fingerprint";
+@import "decidim/modules/toggle";
+@import "decidim/modules/loading-spinner";