decidim-core 0.8.4 → 0.9.0

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

@@ -6,6 +6,7 @@ $margin-l: 5rem;
 //Sections
 .section{
   margin-bottom: $margin-sm;
+
   @include breakpoint(large){
     margin-bottom: $margin-m;
   }

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

@@ -18,7 +18,7 @@ $message-padding: 1rem;
     margin-bottom: 0;
   }
 
-  p {
+  p{
     overflow-wrap: break-word;
   }
 }
@@ -29,6 +29,7 @@ $message-padding: 1rem;
   @extend .message;
 
   padding: $message-padding;
+
   .button{
     margin-bottom: 0;
   }

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

@@ -36,6 +36,8 @@
 @import "list-docs";
 @import "datepicker";
 @import "pagination";
+@import "data-picker";
+@import "progress-bar";
 
 //Process elements
 @import "process-header";
@@ -57,3 +59,4 @@
 @import "help";
 @import "cookie-bar";
 @import "map";
+@import "omnipresent_banner";

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

@@ -1,8 +1,8 @@
 /* Variables */
 
 $navbar-bg: $dark-gray;
-$navbar-bg-hover: rgba(white,.02);
-$navbar-color: rgba(white,.5);
+$navbar-bg-hover: rgba(white, .02);
+$navbar-color: rgba(white, .5);
 $navbar-color-hover: $white;
 $navbar-active-color: $white;
 $navbar-active-bg: $navbar-bg-hover;
@@ -19,6 +19,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
 
 .title-bar{
   position: relative;
+
   @include breakpoint(smallmedium down){
     border-top: 2.125rem solid $dark-gray;
   }
@@ -31,6 +32,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   top: 0;
   margin-top: -1.95rem;
   text-align: right;
+
   img{
     width: auto;
     height: 22px !important;
@@ -39,13 +41,13 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   @include breakpoint(medium){
     top: 50%;
     margin-top: -19px;
+
     img{
       height: 38px !important;
     }
   }
 }
 
-
 /* Top bar */
 .topbar{
   display: flex;
@@ -57,12 +59,15 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   display: inline-block;
   line-height: 0;
   flex-grow: 1;
+
   a{
     display: inline-block;
   }
+
   img{
     display: block;
     max-height: 33px;
+
     @include breakpoint(mediumlarge){
       max-height: 45px;
     }
@@ -75,13 +80,16 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   vertical-align: middle;
   padding-top: 0;
   margin-left: 2rem;
+
   .dropdown > li > a{
     padding-left: 0;
   }
+
   .dropdown{
     display: inline-block;
     vertical-align: middle;
   }
+
   .is-dropdown-submenu{
     z-index: 2;
     text-align: left;
@@ -90,10 +98,12 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
     border: 1px solid $light-gray;
     box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
     min-width: 150px;
+
     a{
       color: $body-font-color;
       padding: .5rem;
     }
+
     a:hover{
       color: lighten($body-font-color, 20);
     }
@@ -103,14 +113,13 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
 //Foundation overwrites
 .topbar__dropmenu > ul > li > a{
   color: $medium-gray;
-  &:after{
+
+  &::after{
     margin-top: -1px !important;
     border-top-color: $medium-gray !important;
   }
 }
 
-
-
 .language-choose{
   @include breakpoint(smallmedium down){
     font-size: .8rem;
@@ -118,6 +127,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
     top: -2.2rem;
     left: .5rem;
     margin-left: 0;
+
     .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
       border-width: 3px;
       right: 10px;
@@ -126,11 +136,11 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   }
 }
 
-
 .topbar__user{
   display: inline-block;
   padding-right: 2.5rem;
   margin-left: 2rem;
+
   @media (min-width: (1300 / 16) + em){
     padding-right: 0;
   }
@@ -140,23 +150,26 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   text-align: right;
   padding-right: 2.5rem;
   display: none;
+
   @include breakpoint(medium){
     display: block;
   }
+
   @media (min-width: (1300 / 16) + em){
     padding-right: 0;
   }
 }
 
-
 .topbar__notifications,
 .topbar__conversations{
   margin-right: .5rem;
   vertical-align: -4px;
+
   .icon{
     fill: $white;
     opacity: .3;
   }
+
   &.is-active .icon{
     fill: $warning;
     opacity: 1;
@@ -166,14 +179,17 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
 .topbar__user__login{
   text-align: right;
   line-height: 1.2;
+
   a{
     color: $medium-gray;
     font-weight: 600;
+
     &:hover{
       color: $anchor-color;
     }
   }
-  a:first-of-type:after{
+
+  a:first-of-type::after{
     content: "";
     margin-left: .5rem;
     margin-right: .5rem;
@@ -185,13 +201,13 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   }
 }
 
-
 /* Menu icon and off-canvas */
 .topbar__menu{
   text-align: right;
   font-size: 20px;
   margin-right: .1rem;
-  button {
+
+  button{
     color: inherit;
   }
 }
@@ -199,6 +215,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
 .usermenu-off-canvas-holder .usermenu-off-canvas{
   border-top: 1px solid;
   border-bottom: 1px solid;
+
   &.is-dropdown-submenu{
     display: block;
     position: static;
@@ -206,10 +223,12 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
     border-left: 0;
     border-right: 0;
   }
+
   a{
     display: block;
     padding: 1em 2em;
     color: $navbar-color;
+
     &:hover{
       background: $navbar-bg-hover;
       color: $navbar-color-hover;
@@ -217,7 +236,6 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   }
 }
 
-
 .off-canvas .topbar__user__login{
   text-align: center;
   margin-top: 1rem;
@@ -227,7 +245,6 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   border-bottom: 1px solid;
 }
 
-
 /* Main nav */
 .main-nav ul{
   padding: 0;
@@ -235,11 +252,12 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   list-style: none;
   overflow-x: auto;
 
-  @include breakpoint(medium) {
+  @include breakpoint(medium){
     -webkit-overflow-scrolling: touch;
     white-space: nowrap;
     display: flex;
-    >li{
+
+    > li{
       display: inline-block;
       flex: 1;
       text-align: center;
@@ -251,6 +269,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   display: block;
   padding: 1em 2em;
   color: $navbar-color;
+
   &:hover{
     background: $navbar-bg-hover;
     color: $navbar-color-hover;
@@ -265,7 +284,8 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 $primary;
   box-shadow: $navbar-active-shadow-small;
   color: $navbar-active-color;
   background: $navbar-active-bg;
-   @include breakpoint(medium) {
+
+  @include breakpoint(medium){
     box-shadow: $navbar-active-shadow-medium;
   }
 }

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

@@ -0,0 +1,26 @@
+.omnipresent-banner{
+  background-color: $primary;
+  color: $white;
+  text-align: center;
+  padding: 1rem;
+  font-size: 1.2em;
+
+  .omnipresent-banner-title{
+    font-weight: bold;
+    margin-right: 1em;
+  }
+
+  .omnipresent-banner-short-description{
+    margin-right: .5em;
+    margin-left: 1em;
+  }
+
+  a{
+    color: $white;
+  }
+
+  a:hover,
+  a:focus{
+    color: rgba($white, .8);
+  }
+}

data/app/assets/stylesheets/decidim/modules/_opinion-toggle.scss

@@ -15,11 +15,13 @@
 .opinion-toggle--ok{
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
+
   &:hover,
   &:focus,
   &.is-active{
     background-color: $success;
   }
+
   .icon{
     vertical-align: middle;
   }
@@ -28,11 +30,13 @@
 .opinion-toggle--ko{
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+
   &:hover,
   &:focus,
   &.is-active{
     background-color: $alert;
   }
+
   .icon{
     vertical-align: middle;
   }
@@ -42,6 +46,7 @@
   border-radius: 0;
   padding-left: .5em;
   padding-right: .5em;
+
   &:hover,
   &:focus,
   &.is-active{

data/app/assets/stylesheets/decidim/modules/_order-by.scss

@@ -1,7 +1,7 @@
 //Variables
 $order-border: $border;
 
-/*Order by styles*/
+/* Order by styles */
 .order-by{
   margin-bottom: 1rem;
   display: flex;
@@ -12,6 +12,7 @@ $order-border: $border;
 .order-by__dropdown{
   display: flex;
   flex-wrap: wrap;
+
   .menu{
     .is-dropdown-submenu-parent > a{
       padding: 0;
@@ -22,30 +23,26 @@ $order-border: $border;
 }
 
 .order-by__dropdown--right{
-	margin-left: auto;
+  margin-left: auto;
 }
 
 .order-by__action{
   margin-left: auto;
   justify-content: flex-end;
+
   .button{
     margin-bottom: 0;
   }
 }
 
-/*.order-by__text{
-	@include breakpoint(medium down){
-		font-size: 18px;
-	}
-}*/
-
 .order-by__tabs{
   display: inline-block;
 }
 
 .order-by__tab{
   color: $muted;
-  &:after{
+
+  &::after{
     content: "";
     display: inline-block;
     height: .75em;
@@ -53,13 +50,16 @@ $order-border: $border;
     margin: 0 .2em 0 .5em;
     vertical-align: middle;
   }
+
   &.is-active{
     color: $anchor-color;
   }
+
   &:first-of-type{
     padding-left: 0;
   }
-  &:last-of-type:after{
+
+  &:last-of-type::after{
     border-left: none;
   }
 }

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

@@ -1,5 +1,6 @@
-.pagination {
-  .pagination-previous, .pagination-next {
+.pagination{
+  .pagination-previous,
+  .pagination-next{
     display: inline-block;
   }
 }

data/app/assets/stylesheets/decidim/modules/_process-header.scss

@@ -1,8 +1,10 @@
 .process-header{
   margin-bottom: $margin-sm;
+
   @include breakpoint(medium){
     margin-bottom: $margin-m;
   }
+
   .heading2{
     font-weight: bold;
   }
@@ -14,7 +16,8 @@
   z-index: 0;
   display: flex;
   flex-direction: column;
-  &:after{
+
+  &::after{
     content: "";
     display: block;
     position: absolute;
@@ -30,6 +33,7 @@
   position: relative;
   z-index: 1;
   padding: 0 0 0 1rem;
+
   @include breakpoint(mediumlarge){
     display: flex;
     align-items: center;
@@ -38,9 +42,11 @@
 
 .process-header__info{
   padding: 1rem 1.5rem 1rem 1rem;
+
   @include breakpoint(medium){
     padding: 2rem 1.5rem 2rem 1rem;
   }
+
   @include breakpoint(mediumlarge){
     padding-left: 2rem;
   }
@@ -52,11 +58,13 @@
   text-align: center;
   padding: 2rem 1rem;
   margin-left: -1rem;
+
   .button{
     margin-top: 1rem;
     margin-bottom: 0;
     color: $white;
     border-color: $white;
+
     &:hover,
     &.is-active{
       color: $primary;
@@ -67,6 +75,7 @@
 
 .process-header__phase--simple{
   padding: .5rem 1rem;
+
   @include breakpoint (medium){
     padding: 2rem 1rem;
   }
@@ -74,6 +83,7 @@
 
 .process-header__hashtag{
   font-weight: 600;
+
   &::after{
     content: "·";
     margin-left: .5rem;
@@ -81,7 +91,6 @@
   }
 }
 
-
 .process-header__nav{
   margin-top: auto;
   z-index: 1;