decidim-admin 0.27.5 → 0.28.0.rc4

data/app/packs/stylesheets/decidim/admin/modules/_cards.scss

@@ -1,126 +0,0 @@
-$card-padding-small: 1rem;
-
-.card-title{
-  @include smallemphasis;
-
-  button:not(.clear){
-    @include smallemphasis;
-  }
-
-  // clearfix if there is no flex--* class in the same element
-  &:not([class*="flex--"]){
-    @include clearfix;
-  }
-
-  font-size: 1rem;
-  width: 100%;
-
-  &--nocaps{
-    text-transform: lowercase;
-    letter-spacing: 0;
-
-    &::first-letter{
-      text-transform: uppercase;
-    }
-  }
-
-  .data-picker{
-    font-weight: normal;
-    letter-spacing: 0;
-    margin-bottom: 0;
-    text-transform: none;
-  }
-}
-
-.card-footer{
-  padding: $card-padding;
-  border-top: 1px solid rgba(black, .1);
-
-  .button--remove{
-    margin-left: auto;
-  }
-}
-
-.card__icon-open{
-  display: none;
-}
-
-.card--collapsed{
-  .card-section,
-  .card-footer{
-    display: none;
-  }
-
-  .card__icon-close{
-    display: none;
-  }
-
-  .card__icon-open{
-    display: block;
-  }
-}
-
-.card--list__item{
-  display: flex;
-  align-items: center;
-  padding-left: $card-padding-small;
-
-  .card--list--mini &{
-    padding-left: $card-padding-small;
-  }
-
-  @include breakpoint(medium){
-    padding-left: $card-padding;
-  }
-}
-
-.card--list__icon{
-  display: none;
-  fill: $anchor-color;
-
-  @include breakpoint(medium){
-    margin-right: 1rem;
-    display: block;
-    width: 30px;
-    height: 30px;
-    flex-shrink: 0;
-  }
-}
-
-.card--list__text{
-  flex-grow: 1;
-  flex-shrink: 1;
-  display: inline-flex;
-  overflow: hidden;
-  align-items: center;
-  padding: 1rem 1rem 1rem 0;
-
-  .card--list--mini &{
-    padding: .5rem .5rem .5rem 0;
-  }
-
-  .author{
-    margin-top: .3rem;
-    margin-right: 1rem;
-  }
-}
-
-.card--list__heading{
-  margin-bottom: 0;
-  display: block;
-}
-
-.card-divider{
-  @include modifiers(background){
-    color: $white;
-  }
-}
-
-.card-divider--reduced{
-  // height adjust
-  padding: (($global-padding * .5) + rem-calc(.7)) $global-padding;
-}
-
-.card.with-overflow{
-  overflow: visible;
-}

data/app/packs/stylesheets/decidim/admin/modules/_char-counter.scss

@@ -1,22 +0,0 @@
-.textarea-char-counter{
-  position: relative;
-
-  textarea{
-    padding-bottom: 2.2rem;
-  }
-}
-
-.char-counter{
-  position: absolute;
-  color: $muted;
-  background-color: $white;
-  padding: .3rem .5rem;
-  left: .5rem;
-  right: .5rem;
-  bottom: 1px;
-  text-align: right;
-}
-
-.char-counter--excess{
-  color: $alert-color;
-}

data/app/packs/stylesheets/decidim/admin/modules/_component-counter.scss

@@ -1,26 +0,0 @@
-.component-counter{
-  background-color: $medium-gray;
-  color: $white;
-  padding: .1em .5em;
-  min-width: 2em;
-  text-align: center;
-  border-radius: 10px;
-  line-height: 1;
-  font-size: .7rem;
-  float: right;
-  margin-top: .4em;
-
-  &.component-counter--inline{
-    float: none;
-    display: inline-block;
-  }
-
-  &:empty{
-    display: none;
-  }
-}
-
-.component-counter--off{
-  background-color: $light-gray;
-  color: $body-font-color;
-}

data/app/packs/stylesheets/decidim/admin/modules/_draggable-list.scss

@@ -1,27 +0,0 @@
-.draggable-list{
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  min-height: ($global-padding * 2) + $global-lineheight;
-
-  &.dragging{
-    border-top: 2px dashed $medium-gray;
-    border-bottom: 2px dashed $medium-gray;
-    background-color: $body-background;
-  }
-
-  li{
-    cursor: move;
-    padding: $global-padding * .5 0;
-  }
-
-  .draggable-content{
-    @include flex;
-    @include flex-align(justify, middle);
-
-    font-weight: $global-weight-bold;
-    border: $border;
-    background-color: $light-gray;
-    padding: $global-padding * .5 $global-padding;
-  }
-}

data/app/packs/stylesheets/decidim/admin/modules/_dropdown.scss

@@ -1,20 +0,0 @@
-// Overwrite foundation defaults
-.dropdown-pane{
-  padding: 0;
-  background-color: $white;
-  border: $card-border;
-
-  ul{
-    margin: 0;
-    padding: 0;
-  }
-
-  li{
-    padding: $global-padding;
-    color: $brand;
-
-    &:not(:last-child){
-      border-bottom: $card-border;
-    }
-  }
-}

data/app/packs/stylesheets/decidim/admin/modules/_filters.scss

@@ -1,83 +0,0 @@
-.filters__section{
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-items: baseline;
-  padding: $global-padding $global-padding 0;
-
-  & > .fcell{
-    &.search{
-      flex-grow: 1;
-      margin: 0 .5rem;
-    }
-  }
-
-  .button,
-  .input-group{
-    margin-bottom: 0;
-  }
-
-  .button.dropdown{
-    font-weight: 600;
-    letter-spacing: .1em;
-  }
-
-  .dropdown.menu{
-    z-index: 5;
-
-    & > li.is-dropdown-submenu-parent > a{
-      padding-right: 1rem;
-      background-color: $button-background;
-      color: $white;
-
-      &::after{
-        border-top-color: $white;
-      }
-
-      &:hover{
-        background-color: $button-background-hover;
-        color: $white;
-      }
-    }
-
-    li.is-active > a,
-    li.is-active li.is-submenu-item > a:hover{
-      background-color: $primary-color;
-      color: $white;
-    }
-
-    .menu.vertical li.is-active.opens-right > a::after{
-      border-left-color: $white;
-    }
-  }
-}
-
-.filter-status{
-  position: relative;
-  width: 100%;
-  margin-top: .5rem;
-
-  .label{
-    font-weight: 600;
-    margin-top: .5rem;
-
-    .type-icon{
-      vertical-align: top;
-    }
-
-    .action-icon{
-      span{
-        margin-left: .25rem;
-      }
-
-      &.action-icon--remove{
-        color: lighten(#e66a5d, 24);
-        margin-left: .3rem;
-
-        &:hover{
-          color: #e66a5d;
-        }
-      }
-    }
-  }
-}

data/app/packs/stylesheets/decidim/admin/modules/_forms.scss

@@ -1,164 +0,0 @@
-$input-margin: 1.5rem;
-$checkboxes-minimum-width: 200px;
-
-button,
-input,
-textarea{
-  font-family: inherit;
-}
-
-.form{
-  input[type="text"],
-  input[type="email"],
-  input[type="date"],
-  input[type="tel"],
-  input[type="password"],
-  select{
-    height: 3rem;
-
-    &.chosen-select{
-      height: unset;
-
-      option{
-        &.green{
-          color: $success-color;
-        }
-
-        &.red{
-          color: $alert-color;
-        }
-      }
-    }
-  }
-
-  input,
-  select,
-  textarea,
-  .check-radio,
-  .input-field,
-  .data-picker{
-    margin-bottom: $input-margin;
-
-    &.nomargin{
-      margin-bottom: 0;
-    }
-  }
-
-  .check-radio-group{
-    margin-bottom: 1rem;
-
-    .check-radio{
-      margin-bottom: .5rem;
-    }
-  }
-
-  label{
-    font-weight: 600;
-  }
-}
-
-.legend{
-  @include smallemphasis;
-
-  margin-bottom: 1rem;
-}
-
-.form-group{
-  background-color: $lighter-gray;
-  padding: 1.5rem 1rem .5rem;
-  margin-bottom: 1.5rem;
-}
-
-label,
-.field{
-  &.has-tribute{
-    position: relative;
-
-    .tribute-container{
-      top: auto;
-      margin-top: -$input-margin;
-      max-width: none;
-      width: 100%;
-    }
-  }
-}
-
-.form-submit .button{
-  margin-bottom: 0;
-}
-
-.form-general-submit{
-  margin-top: 3rem;
-  justify-content: center;
-}
-
-.check-radio,
-.check-radio-collection{
-  label{
-    font-weight: normal;
-    display: inline-flex;
-    align-items: center;
-  }
-
-  legend{
-    font-weight: 600;
-  }
-}
-
-.check-radio{
-  input{
-    margin-bottom: 0;
-  }
-}
-
-.form-error{
-  margin-top: -$input-margin;
-  margin-bottom: $input-margin;
-}
-
-.form-input-extra-before{
-  margin-bottom: $form-spacing * 1.5;
-  display: block;
-  margin-top: $form-spacing * -1;
-}
-
-.custom-error{
-  @extend .form-error;
-}
-
-.is-custom-error-visible{
-  display: block;
-}
-
-.checkboxes{
-  margin-bottom: 1rem;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-
-  &::after{ /* Align last row to left */
-    min-width: $checkboxes-minimum-width;
-    content: "";
-  }
-
-  label{
-    min-width: $checkboxes-minimum-width;
-
-    input[type=checkbox]{
-      vertical-align: baseline;
-    }
-  }
-}
-
-.readonly_container{
-  cursor: not-allowed;
-  opacity: .5;
-}
-
-.edit_component .step-settings{
-  .card-section fieldset legend{
-    font-size: 24px;
-    font-weight: bold;
-    border-bottom: 1px solid grey;
-  }
-}

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

@@ -1,68 +0,0 @@
-$icon-size: 14px;
-
-.icon{
-  width: $icon-size;
-  height: $icon-size;
-  fill: currentColor;
-}
-
-.icon--outline{
-  fill: transparent;
-  stroke: currentColor;
-  stroke-width: .5px;
-}
-
-.icon--small{
-  width: 10px;
-  height: 10px;
-}
-
-.icon--action{
-  fill: rgba(black, .2);
-}
-
-.icon--action:hover,
-a:hover .icon--action{
-  fill: currentColor;
-}
-
-.icon--after{
-  margin-left: .3rem;
-}
-
-.icon--before{
-  margin-right: .3rem;
-}
-
-.icon--share{
-  margin-bottom: -2px;
-  width: 12px;
-  height: 12px;
-}
-
-.icon-highlight{
-  color: $warning-color;
-  margin-right: .3rem;
-}
-
-.icon-unpublished{
-  color: $alert-color;
-}
-
-.icon-active{
-  background-color: $success-color;
-  display: inline-block;
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  margin-right: .5rem;
-  vertical-align: middle;
-}
-
-.icon--component{
-  width: 1.5em;
-  height: 1.5em;
-  vertical-align: -.45em;
-  margin-right: .2em;
-  color: $medium-gray;
-}

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

@@ -1,75 +0,0 @@
-html{
-  height: 100%;
-}
-
-body{
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.main{
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-
-  & > .row{
-    width: 100%;
-    flex-grow: 1;
-
-    @include breakpoint(medium){
-      display: flex;
-    }
-  }
-}
-
-.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;
-    bottom: 0;
-    transform: translateX(-100%);
-    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);
-  }
-}
-
-.layout-content{
-  flex-grow: 1;
-  max-width: 100%;
-  overflow: scroll;
-}
-
-.container{
-  padding: 1rem;
-
-  @include breakpoint(mediumlarge){
-    padding: 2rem;
-  }
-}

data/app/packs/stylesheets/decidim/admin/modules/_loading-spinner.scss

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

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

@@ -1,45 +0,0 @@
-.main-nav{
-  width: 120px;
-  min-height: 100%;
-  background-color: $dark-gray;
-  float: left;
-  text-align: center;
-}
-
-.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;
-
-    &:hover{
-      background-color: lighten($dark-gray, 10);
-    }
-  }
-
-  .is-active a{
-    color: $body-font-color;
-    background-color: $white;
-    box-shadow: inset 5px 0 0 $brand;
-    border-bottom-color: $dark-gray;
-  }
-
-  .icon{
-    width: 24px;
-    height: 24px;
-    display: block;
-    margin: 0 auto;
-    opacity: .5;
-  }
-}

data/app/packs/stylesheets/decidim/admin/modules/_moderations.scss

@@ -1,39 +0,0 @@
-.moderation-details{
-  .toggle-content{
-    cursor: pointer;
-    margin-left: .5rem;
-    font-size: .9rem;
-  }
-
-  .reported-content{
-    .original{
-      display: none;
-    }
-  }
-
-  .callout{
-    &-text{
-      margin-left: .5rem;
-
-      .icon{
-        width: .6rem;
-        margin: 0 .2rem;
-      }
-    }
-  }
-
-  dd{
-    padding: $global-padding;
-    background-color: $light-gray;
-    margin-bottom: .5rem;
-  }
-
-  .reportable-authors{
-    list-style: none;
-    margin: 0;
-
-    .icon{
-      margin-left: .5rem;
-    }
-  }
-}