decidim-admin 0.8.4 → 0.9.0

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

@@ -29,6 +29,7 @@ a:hover .icon--action{
 .icon--after{
   margin-left: .3rem;
 }
+
 .icon--before{
   margin-right: .3rem;
 }

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

@@ -12,9 +12,11 @@ body{
   flex-grow: 1;
   display: flex;
   flex-direction: column;
+
   & > .row{
     width: 100%;
     flex-grow: 1;
+
     @include breakpoint(medium){
       display: flex;
     }
@@ -24,13 +26,16 @@ body{
 .layout-wrapper{
   display: flex;
   flex-grow: 1;
+
   @include clearfix;
+
   position: relative;
 }
 
 .layout-nav{
   max-width: 340px;
   flex-shrink: 0;
+
   @include breakpoint(mediumlarge down){
     position: absolute;
     top: 0;
@@ -39,14 +44,17 @@ body{
     transition: transform .3s;
     z-index: 1;
   }
+
   @include breakpoint(small down){
     max-width: 100%;
     width: 100%;
     transform: translateX(-100%);
+
     .secondary-nav{
       width: calc(100% - 120px);
     }
   }
+
   &.is-nav-open{
     transform: translateX(0);
   }
@@ -57,10 +65,10 @@ body{
   max-width: 100%;
 }
 
-
 .container{
   padding: 1rem;
   max-width: 1200px;
+
   @include breakpoint(mediumlarge){
     padding: 2rem;
   }

data/app/assets/stylesheets/decidim/admin/modules/_main-nav.scss

@@ -9,21 +9,26 @@
 .main-nav ul{
   list-style: none;
   margin-left: 0;
+
   a{
     padding-top: 1rem;
     padding-bottom: .8rem;
     border-bottom: 1px solid rgba(white, .2);
+
     li:first-child > &{
       border-top: 1px solid rgba(white, .2);
     }
+
     display: block;
     color: $medium-gray;
     font-size: .7rem;
     text-transform: uppercase;
+
     &:hover{
       background-color: lighten($dark-gray, 10);
     }
   }
+
   .is-active a{
     color: $body-font-color;
     background-color: $white;

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

@@ -7,5 +7,6 @@
 
 .process-title-summary{
   @extend .card-title;
+
   margin-bottom: 2rem;
 }

data/app/assets/stylesheets/decidim/admin/modules/_secondary-nav.scss

@@ -13,27 +13,33 @@ $process-title-height: 3rem;
     list-style: none;
     margin-left: 0;
   }
+
   li > a{
     display: block;
     padding: .5rem 1rem;
     margin: 0 .5rem;
     color: $body-font-color;
+
     &:hover,
     &:focus{
       color: lighten($body-font-color, 20);
     }
   }
+
   li.is-active > a{
     background-color: $lighter-gray;
     border-radius: $global-radius;
   }
+
   li > ul{
     margin-left: 1rem;
     font-size: 90%;
+
     a{
       padding-top: .2rem;
       padding-bottom: .2rem;
     }
+
     li.is-active a{
       font-weight: 600;
       background-color: transparent;
@@ -64,23 +70,22 @@ $process-title-height: 3rem;
 }
 
 .secondary-nav__title{
-  padding: 1rem 1rem;
+  padding: 1rem;
   margin-bottom: 2rem;
 }
 
 .secondary-nav__actions{
-  padding: 1rem 1rem;
+  padding: 1rem;
   margin-top: 2rem;
 }
 
-
-.process-title {
+.process-title{
   @include breakpoint(large){
     margin-bottom: $process-title-height;
   }
 }
 
-.process-title-content {
+.process-title-content{
   @include breakpoint(large){
     position: absolute;
     left: 120px;

data/app/assets/stylesheets/decidim/admin/modules/_table-list.scss

@@ -7,6 +7,7 @@
 //Table list
 .table-list{
   border-collapse: collapse;
+
   th{
     text-transform: uppercase;
   }
@@ -20,6 +21,7 @@
   td:not(:first-child){
     text-align: center;
   }
+
   th:first-child,
   td:first-child{
     padding-left: 0;
@@ -47,10 +49,12 @@
 
   a:not(.button){
     color: $body-font-color;
+
     &:hover{
       color: $primary-color;
     }
   }
+
   td > .button{
     margin-bottom: 0;
   }
@@ -59,19 +63,21 @@
     margin: 0 auto;
     width: 48px;
   }
-
 }
 
 .table-list__actions{
   text-align: center;
   white-space: nowrap;
+
   &:last-child{
     text-align: right;
   }
+
   .action-icon,
   a.action-icon{
     color: $muted;
   }
+
   .action-icon.action-icon--remove{
     color: $alert-color;
   }

data/app/assets/stylesheets/decidim/admin/modules/_tabs.scss

@@ -1,9 +1,11 @@
 .tabs--lang{
   background-color: transparent;
   float: right;
+
   li{
     border-right: 1px solid $light-gray;
   }
+
   li:last-child{
     border-right: 0;
   }
@@ -12,14 +14,17 @@
     padding: 0 .5rem;
     font-weight: normal;
     color: $muted;
+
     &:hover{
       color: $anchor-color-hover;
     }
   }
+
   .is-active a{
     font-weight: 600;
     color: $anchor-color;
   }
+
   a.is-tab-error{
     color: $alert-color;
   }
@@ -29,6 +34,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+
   label{
     display: inline-block;
   }
@@ -41,6 +47,7 @@
 
 .tab-custom-error{
   @extend .form-error;
+
   margin-right: .3rem;
 }
 

data/app/assets/stylesheets/decidim/admin/modules/_title-bar.scss

@@ -13,6 +13,7 @@
   width: 2.5rem;
   text-align: center;
   color: $white;
+
   @include breakpoint(large){
     display: none;
   }
@@ -23,9 +24,11 @@
   padding: 1rem;
   display: block;
   background-color: $brand;
+
   @include breakpoint(large){
     max-width: 120px;
   }
+
   img{
     display: block;
   }

data/app/assets/stylesheets/decidim/admin/modules/_user-login.scss

@@ -3,6 +3,7 @@
   right: 2rem;
   top: 50%;
   margin-top: -1.2em;
+
   a{
     color: $body-font-color;
   }
@@ -14,6 +15,7 @@
   .dropdown.menu > li.is-dropdown-submenu-parent > a{
     padding-right: 1rem;
   }
+
   .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
     border-top-color: $white;
     border-width: 4px;

data/app/assets/stylesheets/decidim/admin/plugins/_foundation-datepicker.scss

@@ -1,15 +1,15 @@
 $calendar-bg-color: $white;
-$calendar-border: 1px solid rgba(0, 0, 0, 0.1);
-$calendar-border-color: rgba(0, 0, 0, 0.1);
+$calendar-border: 1px solid rgba(0, 0, 0, .1);
+$calendar-border-color: rgba(0, 0, 0, .1);
 $calendar-active-color: $primary-color;
 $calendar-bg-hover: $light-gray;
-$calendar-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+$calendar-shadow: 0 5px 10px rgba(0, 0, 0, .2);
 $calendar-color-old: $medium-gray;
 $calendar-color-disabled: $light-gray;
 $calendar-radius: $global-radius;
 $calendar-font-size: $global-font-size * .9;
 
-.datepicker {
+.datepicker{
   display: none;
   position: absolute;
   padding: 4px;
@@ -17,7 +17,7 @@ $calendar-font-size: $global-font-size * .9;
   direction: ltr;
 }
 
-.datepicker.dropdown-menu {
+.datepicker.dropdown-menu{
   position: absolute;
   top: 100%;
   left: 0;
@@ -35,21 +35,21 @@ $calendar-font-size: $global-font-size * .9;
   line-height: 18px;
 }
 
-.datepicker.dropdown-menu th {
+.datepicker.dropdown-menu th{
   padding: 4px 5px;
 }
 
-.datepicker.dropdown-menu td {
+.datepicker.dropdown-menu td{
   padding: 6px 9px;
 }
 
-.datepicker table {
+.datepicker table{
   border: 0;
   margin: 0;
   width: auto;
 }
 
-.datepicker table tr td span {
+.datepicker table tr td span{
   display: block;
   width: 23%;
   height: 54px;
@@ -59,7 +59,7 @@ $calendar-font-size: $global-font-size * .9;
   cursor: pointer;
 }
 
-.datepicker td {
+.datepicker td{
   text-align: center;
   width: 20px;
   height: 20px;
@@ -71,7 +71,7 @@ $calendar-font-size: $global-font-size * .9;
 }
 
 .datepicker td.active.day,
-.datepicker td.active.year {
+.datepicker td.active.year{
   background: $calendar-active-color;
 }
 
@@ -82,31 +82,31 @@ $calendar-font-size: $global-font-size * .9;
 .datepicker .month:hover,
 .datepicker .year:hover{
   background-color: $calendar-bg-hover;
+
   &.active{
     background: $calendar-active-color;
   }
 }
 
-
 .datepicker td.new,
-.datepicker td.old {
+.datepicker td.old{
   color: $calendar-color-old;
 }
 
-.datepicker td span.active {
+.datepicker td span.active{
   background: $calendar-active-color;
 }
 
-.datepicker td.day.disabled {
+.datepicker td.day.disabled{
   color: $calendar-color-disabled;
 }
 
 .datepicker td span.month.disabled,
-.datepicker td span.year.disabled {
+.datepicker td span.year.disabled{
   color: $calendar-color-disabled;
 }
 
-.datepicker th {
+.datepicker th{
   text-align: center;
   width: 20px;
   height: 20px;
@@ -118,68 +118,68 @@ $calendar-font-size: $global-font-size * .9;
 }
 
 .datepicker th.active.day,
-.datepicker th.active.year {
+.datepicker th.active.year{
   background: $calendar-active-color;
 }
 
-.datepicker th.date-switch {
+.datepicker th.date-switch{
   width: 145px;
 }
 
-.datepicker th span.active {
+.datepicker th span.active{
   background: $calendar-active-color;
 }
 
-.datepicker .cw {
+.datepicker .cw{
   font-size: 10px;
   width: 12px;
   padding: 0 2px 0 5px;
   vertical-align: middle;
 }
 
-.datepicker.days div.datepicker-days {
+.datepicker.days div.datepicker-days{
   display: block;
 }
 
-.datepicker.months div.datepicker-months {
+.datepicker.months div.datepicker-months{
   display: block;
 }
 
-.datepicker.years div.datepicker-years {
+.datepicker.years div.datepicker-years{
   display: block;
 }
 
-.datepicker thead tr:first-child th {
+.datepicker thead tr:first-child th{
   cursor: pointer;
 }
 
-.datepicker thead tr:first-child th.cw {
+.datepicker thead tr:first-child th.cw{
   cursor: default;
   background-color: transparent;
 }
 
-.datepicker tfoot tr:first-child th {
+.datepicker tfoot tr:first-child th{
   cursor: pointer;
 }
 
-.datepicker-inline {
+.datepicker-inline{
   width: 220px;
 }
 
-.datepicker-rtl {
+.datepicker-rtl{
   direction: rtl;
 }
 
-.datepicker-rtl table tr td span {
+.datepicker-rtl table tr td span{
   float: right;
 }
 
-.datepicker-dropdown {
+.datepicker-dropdown{
   top: 0;
   left: 0;
 }
 
-.datepicker-dropdown:before {
+.datepicker-dropdown::before{
   content: '';
   display: inline-block;
   border-left: 7px solid transparent;
@@ -191,7 +191,7 @@ $calendar-font-size: $global-font-size * .9;
   left: 6px;
 }
 
-.datepicker-dropdown:after {
+.datepicker-dropdown::after{
   content: '';
   display: inline-block;
   border-left: 6px solid transparent;
@@ -204,11 +204,11 @@ $calendar-font-size: $global-font-size * .9;
 
 .datepicker > div,
 .datepicker-dropdown::after,
-.datepicker-dropdown::before {
+.datepicker-dropdown::before{
   display: none;
 }
 
-.datepicker-close {
+.datepicker-close{
   position: absolute;
   top: -30px;
   right: 0;
@@ -219,6 +219,6 @@ $calendar-font-size: $global-font-size * .9;
 }
 
 .table-striped .datepicker table tr td,
-.table-striped .datepicker table tr th {
+.table-striped .datepicker table tr th{
   background-color: transparent;
 }