decidim-admin 0.20.0 → 0.23.1.rc1

data/app/assets/stylesheets/decidim/admin/extra/_organization-appearance.scss

@@ -0,0 +1,141 @@
+.organization-images{
+  display: grid;
+  grid-template-columns: repeat(2, minmax(200px, 1fr));
+  grid-gap: 3rem;
+  margin-top: 3rem;
+
+  @include breakpoint(medium down){
+    grid-template-columns: 1fr;
+  }
+
+  img{
+    height: 180px;
+  }
+
+  .image-dimensions-help{
+    margin-top: 0;
+  }
+
+  .preview{
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+  }
+
+  label:not(:first-child){
+    margin-top: auto;
+  }
+}
+
+.organization-colors{
+  display: flex;
+  column-gap: 1rem;
+  flex-wrap: wrap;
+
+  label{
+    flex: 1;
+  }
+
+  @include breakpoint(smallmedium down){
+    flex-direction: column;
+  }
+}
+
+.minimap{
+  max-width: 500px;
+}
+
+#minimap-wrapper{
+  width: 100%;
+  padding-bottom: 60%;
+  position: relative;
+}
+
+/* stylelint-disable declaration-block-no-redundant-longhand-properties */
+#minimap{
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: grid;
+  grid-template-areas:
+    "tab blank blank"
+    "header header header"
+    "navbar navbar navbar"
+    "body body body"
+    "footer footer footer";
+  grid-template-columns: 20% 1fr 1fr;
+  grid-template-rows: 20px 48px 24px 1fr 64px;
+
+  img,
+  .placeholder{
+    height: 100%;
+    padding: 5px 0;
+  }
+
+  .placeholder{
+    background: $brand;
+  }
+
+  span{
+    color: white;
+    font-size: 10px;
+    margin: 4px;
+    line-height: 12px;
+  }
+
+  .minimap-tab{
+    grid-area: tab;
+    background-color: darken($lighter-gray, 10%);
+    border-bottom: none;
+    display: flex;
+
+    span{
+      font-size: 10px;
+      margin: 4px;
+      color: $black;
+    }
+  }
+
+  .minimap-body{
+    grid-area: body;
+    background: darken($lighter-gray, 10%);
+  }
+
+  .minimap-navbar{
+    grid-area: navbar;
+    background: lighten($dark-gray, 10%);
+  }
+
+  .minimap-header,
+  .minimap-footer{
+    background: lighten($black, 10%);
+    display: flex;
+    align-items: center;
+  }
+
+  .minimap-header{
+    grid-area: header;
+  }
+
+  .minimap-footer{
+    grid-area: footer;
+  }
+
+  .minimap-favicon{
+    padding: 0;
+    margin: 2px;
+    background: $white;
+  }
+
+  .minimap-logo{
+    margin-right: auto;
+    margin-left: 20%;
+  }
+
+  .minimap-logo,
+  .minimap-official_img_header{
+    height: 80%;
+  }
+}

data/app/assets/stylesheets/decidim/admin/extra/_show_email.scss

@@ -0,0 +1,31 @@
+.show_email{
+  padding: 0 $global-padding;
+
+  h4{
+    padding-top: $global-padding;
+
+    @include smallcaps;
+
+    color: $muted;
+  }
+
+  > div{
+    padding: $global-padding;
+    background-color: $medium-gray;
+  }
+
+  p{
+    text-align: center;
+    margin: 0;
+  }
+
+  #user_email + p{
+    display: none;
+    color: $muted;
+    font-style: italic;
+  }
+
+  #user_email:empty + p{
+    display: block;
+  }
+}

data/app/assets/stylesheets/decidim/admin/extra/_title_bar.scss

@@ -18,6 +18,10 @@
     position: initial;
   }
 
+  .dropdown.menu > li > a{
+    background: transparent;
+  }
+
   .is-dropdown-submenu{
     z-index: 2;
   }

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

@@ -24,7 +24,16 @@
 
   &.reverse{
     @include modifiers(color);
-    @include modifiers(background-color, (primary: $white, secondary: $white, success: $white, warning: $white, alert: $white));
+    @include modifiers(
+      background-color,
+      (
+        primary: $white,
+        secondary: $white,
+        success: $white,
+        warning: $white,
+        alert: $white,
+      )
+    );
   }
 }
 
@@ -69,3 +78,8 @@
 .button--nomargin{
   margin: 0;
 }
+
+.button--vote-button{
+  flex: .2 1 auto;
+  text-align: right;
+}

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

@@ -5,6 +5,17 @@
   font-weight: 600;
   color: $white;
 
+  a{
+    color: inherit;
+    text-decoration: underline;
+    opacity: .8;
+    transition: opacity .5s;
+
+    &:hover{
+      opacity: 1;
+    }
+  }
+
   &.warning{
     background-color: $warning-color;
   }

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

@@ -1,10 +1,10 @@
 $card-padding-small: 1rem;
 
 .card-title{
-  @include smallcaps;
+  @include smallemphasis;
 
   button:not(.clear){
-    @include smallcaps;
+    @include smallemphasis;
   }
 
   // clearfix if there is no flex--* class in the same element
@@ -23,6 +23,13 @@ $card-padding-small: 1rem;
       text-transform: uppercase;
     }
   }
+
+  .data-picker{
+    font-weight: normal;
+    letter-spacing: 0;
+    margin-bottom: 0;
+    text-transform: none;
+  }
 }
 
 .card-footer{
@@ -113,3 +120,7 @@ $card-padding-small: 1rem;
   // height adjust
   padding: (($global-padding / 2) + rem-calc(.7)) $global-padding;
 }
+
+.card.with-overflow{
+  overflow: visible;
+}

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

@@ -1,6 +1,83 @@
 .filters__section{
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
   align-items: baseline;
-  padding: 0 $global-padding;
+  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/assets/stylesheets/decidim/admin/modules/_forms.scss

@@ -58,7 +58,7 @@ textarea{
 }
 
 .legend{
-  @include smallcaps;
+  @include smallemphasis;
 
   margin-bottom: 1rem;
 }
@@ -69,6 +69,20 @@ textarea{
   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;
 }
@@ -130,7 +144,7 @@ textarea{
   }
 }
 
-.participatory_texts_disabled{
+.readonly_container{
   cursor: not-allowed;
   opacity: .5;
 }

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

@@ -0,0 +1,10 @@
+.new_import .import-process-info{
+  margin-top: 1em;
+  font-style: italic;
+
+  span.attribute-name{
+    background-color: lightgrey;
+    font-style: normal;
+    padding: 1px 4px;
+  }
+}

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

@@ -63,11 +63,11 @@ body{
 .layout-content{
   flex-grow: 1;
   max-width: 100%;
+  overflow: scroll;
 }
 
 .container{
   padding: 1rem;
-  max-width: 1200px;
 
   @include breakpoint(mediumlarge){
     padding: 2rem;

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

@@ -0,0 +1,19 @@
+.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/assets/stylesheets/decidim/admin/modules/_main-nav.scss

@@ -22,7 +22,6 @@
     display: block;
     color: $medium-gray;
     font-size: .7rem;
-    text-transform: uppercase;
 
     &:hover{
       background-color: lighten($dark-gray, 10);

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

@@ -28,10 +28,14 @@
 @import "dropdown";
 @import "agenda";
 @import "draggable-list";
+@import "loading-spinner";
+@import "import_result";
 
 // mentions__container
 @import "decidim/modules/tags";
 @import "decidim/modules/input-tags";
 @import "decidim/modules/input-mentions";
-@import "decidim/modules/input-hashtags";
 @import "decidim/modules/input-gallery";
+
+//Admin dashboard
+@import "users_statistics";