RubyGems - decidim-core - Versions diffs - 0.21.0 → 0.22.0 - Mend

decidim-core 0.21.0 → 0.22.0

Potentially problematic release.

This version of decidim-core might be problematic. Click here for more details.

Files changed (544) hide show

data/app/assets/stylesheets/decidim/modules/_notification.scss ADDED

@@ -0,0 +1,5 @@
+#notifications{
+  .card-data__item--expand{
+    align-items: stretch;
+  }
+}

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

@@ -9,6 +9,10 @@ $order-border: $border;
   align-items: baseline;
   flex-wrap: wrap;
+  a:hover{
+    text-decoration: underline;
+  }
   & + &{
     @include breakpoint(medium){
       margin-left: $global-margin;
@@ -27,6 +31,7 @@ $order-border: $border;
   .menu{
     .is-dropdown-submenu-parent > a{
+      background: transparent;
       padding: 0;
       margin-left: .5rem;
       margin-top: .25rem;

data/app/assets/stylesheets/decidim/modules/_process-nav.scss CHANGED

@@ -96,7 +96,6 @@ $nav-border-width: 3px;
   margin: 0;
   color: var(--primary);
   background-color: rgba(var(--primary-rgb), .1);
-  text-transform: uppercase;
   font-weight: $global-weight-bold;
   font-size: rem-calc(14);
@@ -140,12 +139,16 @@ $nav-border-width: 3px;
 }
 .process-nav__link{
-  color: var(--primary);
   text-transform: uppercase;
+  color: var(--primary);
   font-weight: $global-weight-bold;
   display: flex;
   align-items: center;
+  &:hover{
+    text-decoration: underline;
+  }
   svg{
     margin-right: .4em;
     width: 25px;

data/app/assets/stylesheets/decidim/modules/_process-phase.scss CHANGED

@@ -7,14 +7,13 @@
   .button{
     margin-top: $global-margin * .75;
     margin-bottom: 0;
-    font-weight: $global-weight-normal;
   }
 }
 .process-header__phase--simple{
   padding: .5rem 1rem;
-  @include breakpoint (medium){
+  @include breakpoint(medium){
     padding: 2rem 1rem;
   }
 }
@@ -100,7 +99,7 @@
   // arrow
   .phase-item--current{
     span::before{
-      content: ' ';
+      content: " ";
       height: 0;
       position: absolute;
       width: 0;
@@ -157,7 +156,6 @@
 .process-header__button{
   .button{
     border-color: var(--primary);
-    text-transform: uppercase;
   }
 }

data/app/assets/stylesheets/decidim/modules/_process-stats.scss CHANGED

@@ -6,9 +6,9 @@
   &__title{
     color: $muted;
-    text-transform: uppercase;
     font-size: .9rem;
     letter-spacing: .01em;
+    text-transform: uppercase;
     font-weight: 600;
     margin-bottom: 0;
   }
@@ -39,7 +39,7 @@
     @include breakpoint(mediumlarge){
       width: calc(25% - 1rem);
-      &:nth-child(4n+1)::after{
+      &:nth-child(4n + 1)::after{
         border: none;
       }
     }

data/app/assets/stylesheets/decidim/modules/_progress-bar.scss CHANGED

@@ -4,7 +4,6 @@
   .progress__bar__title{
     color: $muted;
-    text-transform: uppercase;
     font-size: .875rem;
     .progress__bar__number{
@@ -64,6 +63,7 @@
       @extend .extra__suport-text;
       font-weight: 600;
+      text-transform: uppercase;
     }
   }
 }

data/app/assets/stylesheets/decidim/modules/_reveal.scss CHANGED

@@ -21,6 +21,12 @@
 .reveal__footer{
   border-top: $border;
+  .buttons{
+    display: flex;
+    justify-content: center;
+    padding: 10px 0 50px; // bottom padding is needed to avoid hiding buttons on mobiles because of https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser
+  }
 }
 .reveal__bg{

data/app/assets/stylesheets/decidim/modules/_signup.scss CHANGED

@@ -31,7 +31,8 @@
     height: 3rem;
   }
-  legend{
+  h3{
+    display: table;
     font-size: 1.25em;
     line-height: 1.2;
     margin-bottom: 1.5rem;
@@ -61,7 +62,7 @@
 .user-nickname{
   label .row{
-    div:first-of-type{
+    > span:first-of-type{
       // this is the prefix div
       @extend .input-group-label;
@@ -78,7 +79,7 @@
       }
     }
-    div:last-of-type{
+    > span:last-of-type{
       // this is the input div
       @extend .input-group-field;
@@ -95,13 +96,13 @@
   label.is-invalid-label .row{
     margin-bottom: $form-spacing;
-    div:first-of-type{
+    > span:first-of-type{
       // this is the prefix div
       background-color: mix($input-background-invalid, $light-gray, 8%);
       border-color: $input-error-color;
     }
-    div:last-of-type{
+    > span:last-of-type{
       // this is the input div
       height: 4.2rem;

data/app/assets/stylesheets/decidim/modules/_static-pages.scss CHANGED

@@ -19,7 +19,6 @@
   }
   ul{
-    text-transform: uppercase;
     margin-left: .5rem;
   }

data/app/assets/stylesheets/decidim/modules/_sticky.scss ADDED

@@ -0,0 +1,5 @@
+.sticky{
+  .card{
+    width: 100%;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_tags.scss CHANGED

@@ -19,6 +19,10 @@ $tags-border: $border;
     display: inline-block;
     border: $tags-border;
     padding: 0 .5rem;
+    &:hover{
+      text-decoration: underline;
+    }
   }
 }

data/app/assets/stylesheets/decidim/modules/_timeline.scss CHANGED

@@ -1,4 +1,3 @@
 /* Variables */
 $timeline-color: var(--primary);
@@ -151,8 +150,8 @@ $timeline-padding: 1rem;
 .timeline__item-text{
   display: block;
-  text-transform: uppercase;
   letter-spacing: .03em;
+  text-transform: uppercase;
   font-size: 90%;
   color: $body-font-color;
   font-weight: 600;

data/app/assets/stylesheets/decidim/modules/_typography.scss CHANGED

@@ -6,6 +6,28 @@ input{
   font-family: inherit;
 }
+a{
+  color: $anchor-color;
+  &:hover{
+    color: $anchor-color-hover;
+    text-decoration: underline;
+    text-decoration-skip-ink: auto;
+  }
+  &:focus{
+    outline: $anchor-outline-focus;
+    outline-offset: $anchor-outline-offset;
+  }
+}
+button{
+  &:focus{
+    outline: $button-outline-focus;
+    // outline-color: var(--highlight);
+  }
+}
 @mixin heading($heading){
   line-height: 1.2;
   font-size:
@@ -82,18 +104,19 @@ hr{
   position: relative;
   margin-bottom: 1rem;
   font-weight: 600;
-  text-transform: uppercase;
   font-size: 1.125em;
   letter-spacing: .05em;
+  text-transform: uppercase;
   &::before{
     content: "";
     display: inline-block;
     width: 4px;
-    height: .8em;
+    height: 1.35em;
     background-color: var(--primary);
     margin-right: .5rem;
-    margin-bottom: -.1rem;
+    margin-bottom: -.5rem;
+    vertical-align: top;
   }
   &.collapse{
@@ -107,9 +130,9 @@ hr{
 .mini-title{
   color: $muted;
-  text-transform: uppercase;
   font-size: .9rem;
   letter-spacing: .01em;
+  text-transform: uppercase;
   font-weight: 600;
   margin-bottom: 0;
@@ -127,9 +150,9 @@ hr{
 .data-title{
   &__over{
     color: $muted;
-    text-transform: uppercase;
     font-size: .9rem;
     letter-spacing: .01em;
+    text-transform: uppercase;
     font-weight: 800;
     margin-bottom: .5rem;
   }
@@ -138,21 +161,30 @@ hr{
     font-size: 2rem;
     line-height: 1;
     letter-spacing: .01em;
+    text-transform: uppercase;
     font-weight: 800;
     margin-bottom: 0;
   }
   &__sub{
     color: $muted;
-    text-transform: uppercase;
     font-size: .9rem;
     letter-spacing: .01em;
+    text-transform: uppercase;
     line-height: 1;
   }
 }
+.page-title-wrapper{
+  text-align: center;
+}
 .page-title{
   margin-bottom: 3rem;
+  a:hover{
+    text-decoration: underline;
+  }
 }
 .text-highlight{
@@ -197,12 +229,14 @@ $map: map-merge(
 .text-medium{
   font-size: 90%;
-  color: $muted;
 }
 .text-small{
   font-size: 80%;
-  color: $muted;
+}
+.text-sm{
+  font-size: 80%;
 }
 .text-uppercase{
@@ -265,3 +299,8 @@ var{
     )
   );
 }
+ul.no-bullet-indented,
+ol.no-bullet-indented{
+  list-style-type: none;
+}

data/app/assets/stylesheets/decidim/modules/_versions.scss CHANGED

@@ -1,6 +1,5 @@
 .diff-direction-label{
   display: block;
-  text-transform: uppercase;
   font-size: 85%;
   line-height: 1;
   margin-bottom: .25rem;

data/app/assets/stylesheets/decidim/utils/_helpers.scss CHANGED

@@ -136,3 +136,11 @@
     }
   }
 }
+.pull-left{
+  float: left;
+}
+.pull-right{
+  float: right;
+}

data/app/assets/stylesheets/decidim/utils/_mixins.scss CHANGED

@@ -80,7 +80,6 @@ $palette: (
       margin-right: 0;
     }
   }
   @else if $dir == column{
     & > *{
       margin: $gap/2 0;
@@ -94,7 +93,6 @@ $palette: (
       margin-bottom: 0;
     }
   }
   @else if $dir == row-reverse{
     & > *{
       margin: 0 $gap/2;
@@ -108,7 +106,6 @@ $palette: (
       margin-right: 0;
     }
   }
   @else if $dir == column-reverse{
     & > *{
       margin: $gap/2 0;
@@ -131,7 +128,7 @@ $palette: (
   line-height: $global-lineheight;
 }
-@mixin inline-separator($char: ' '){
+@mixin inline-separator($char: " "){
   > *:not(:last-child)::after{
     content: $char;
   }
@@ -144,7 +141,7 @@ $palette: (
 }
 @mixin spinner($size, $orbit, $satellite, $time){
-  @include animation( animation-spin $time infinite linear );
+  @include animation(animation-spin $time infinite linear);
   @include square($size);
   box-sizing: border-box;
@@ -164,10 +161,92 @@ $palette: (
   @include size($size, $size);
 }
+@mixin skip-button(){
+  left: -999px;
+  position: absolute;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  z-index: -999;
+  &:focus,
+  &:active{
+    background-color: $primary;
+    color: $white;
+    left: 0;
+    top: 0;
+    width: auto;
+    height: auto;
+    overflow: auto;
+    margin: 10px;
+    padding: 5px;
+    font-size: 1.4em;
+    z-index: 999;
+    outline: $button-outline-focus;
+    // outline-color: var(--highlight);
+    position: absolute;
+  }
+}
+@mixin button-hollow-variant($color, $hover-text-color: $white){
+  background-color: $color;
+  &.hover,
+  &:hover,
+  &.focus,
+  &:focus{
+    background-color: $color;
+  }
+  &.disabled,
+  &[disabled]{
+    &,
+    &:active,
+    &:hover,
+    &:focus{
+      background-color: $color;
+    }
+  }
+  &.hollow{
+    background-color: transparent;
+    color: $color;
+    border-color: $color;
+    &.hover,
+    &:hover,
+    &.focus,
+    &:focus{
+      border-color: $color;
+      background-color: $color;
+      color: $hover-text-color;
+    }
+    &.disabled,
+    &[disabled]{
+      &,
+      &:active,
+      &:hover,
+      &:focus{
+        background-color: transparent;
+        border-color: $color;
+        color: $color;
+        box-shadow: none;
+        text-decoration: none;
+      }
+    }
+  }
+}
 @keyframes animation-spin{
-  to{ transform: rotate(1turn); }
+  to{
+    transform: rotate(1turn);
+  }
 }
 @-webkit-keyframes animation-spin{
-  to{ -webkit-transform: rotate(1turn); }
+  to{
+    -webkit-transform: rotate(1turn);
+  }
 }