decidim-admin 0.0.6 → 0.0.7

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

@@ -0,0 +1,41 @@
+.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;
+    text-transform: uppercase;
+    &: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/assets/stylesheets/decidim/admin/modules/_modules.scss

@@ -0,0 +1,24 @@
+//Basics
+@import "typography";
+@import "icons";
+@import "buttons";
+@import "forms";
+@import "tabs";
+
+//General layout
+@import "layout";
+@import "title-bar";
+@import "user-login";
+@import "main-nav";
+@import "secondary-nav";
+
+//Process
+@import "process-header";
+
+//Contents
+@import "callouts";
+@import "cards";
+@import "table-list";
+@import "action-icon";
+@import "char-counter";
+@import "component-counter";

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

@@ -0,0 +1,11 @@
+.process-header__title{
+  text-transform: uppercase;
+  font-size: .8rem;
+  margin-bottom: 1rem;
+  color: $muted;
+}
+
+.process-title-summary{
+  @extend .card-title;
+  margin-bottom: 2rem;
+}

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

@@ -0,0 +1,95 @@
+//Vars
+$process-title-height: 3rem;
+
+//Styles
+.secondary-nav{
+  width: 220px;
+  min-height: 100%;
+  float: left;
+  background-color: $white;
+  box-shadow: 6px 6px 10px rgba(black, .04);
+
+  ul{
+    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;
+    }
+  }
+}
+
+.secondary-nav--subnav{
+  padding-top: 2rem;
+
+  @include breakpoint(large){
+    min-height: calc(100% - #{$process-title-height});
+    margin-top: $process-title-height;
+  }
+}
+
+.secondary-nav__title,
+.process-title-content{
+  margin-bottom: 1.5rem;
+  text-transform: uppercase;
+  font-size: .8rem;
+  letter-spacing: .1em;
+  font-weight: bold;
+  white-space: nowrap;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.secondary-nav__title{
+  padding: 1rem 1rem;
+  margin-bottom: 2rem;
+}
+
+.secondary-nav__actions{
+  padding: 1rem 1rem;
+  margin-top: 2rem;
+}
+
+
+.process-title{
+  @include breakpoint(large){
+    margin-bottom: $process-title-height;
+  }
+}
+
+.process-title-content{
+  @include breakpoint(large){
+    position: absolute;
+    left: 120px;
+    right: 0;
+    top: 0;
+    z-index: -1;
+    background-color: $white;
+    padding: 1rem 1.5rem;
+    height: $process-title-height;
+    box-shadow: 0 6px 10px rgba(black, .04);
+  }
+}

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

@@ -0,0 +1,78 @@
+//Override Foundation defaults
+.table-scroll table{
+  width: 100%;
+}
+
+//Table list
+.table-list{
+  border-collapse: collapse;
+  th{
+    text-transform: uppercase;
+  }
+
+  th,
+  td{
+    border-bottom: 1px solid rgba(black, .05);
+  }
+
+  th:not(:first-child),
+  td:not(:first-child){
+    text-align: center;
+  }
+  th:first-child,
+  td:first-child{
+    padding-left: 0;
+  }
+
+  th:last-child,
+  td:last-child{
+    padding-right: 0;
+    text-align: right;
+  }
+
+  &.table-list--lastcenter{
+    th:last-child,
+    td:last-child{
+      text-align: center;
+    }
+  }
+
+  a:not(.button){
+    color: $body-font-color;
+    &:hover{
+      color: $primary-color;
+    }
+  }
+  td > .button{
+    margin-bottom: 0;
+  }
+
+  .switch.tiny{
+    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;
+  }
+}
+
+.table-list__state{
+  text-align: center;
+}
+
+.icon-state.has-tip{
+  border-bottom: 0;
+}

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

@@ -0,0 +1,49 @@
+.tabs--lang{
+  background-color: transparent;
+  float: right;
+  li{
+    border-right: 1px solid $light-gray;
+  }
+  li:last-child{
+    border-right: 0;
+  }
+
+  a{
+    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;
+  }
+}
+
+.label--tabs{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  label{
+    display: inline-block;
+  }
+}
+
+.tab-custom-error-wrapper{
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.tab-custom-error{
+  @extend .form-error;
+  margin-right: .3rem;
+}
+
+.is-tab-custom-error-visible{
+  display: block;
+}

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

@@ -0,0 +1,32 @@
+.title-bar{
+  padding: 0;
+  border-bottom: 1px solid rgba(white, .5);
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+}
+
+.menu-trigger{
+  display: inline-block;
+  padding: .5rem;
+  width: 2.5rem;
+  text-align: center;
+  color: $white;
+  @include breakpoint(large){
+    display: none;
+  }
+}
+
+.logo{
+  max-width: 80px;
+  padding: 1rem;
+  display: block;
+  background-color: $brand;
+  @include breakpoint(large){
+    max-width: 120px;
+  }
+  img{
+    display: block;
+  }
+}

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

@@ -0,0 +1,15 @@
+.text-muted{
+  color: $muted;
+}
+
+.text-success{
+  color: $success-color;
+}
+
+.text-warning{
+  color: $warning-color;
+}
+
+.text-alert{
+  color: $alert-color;
+}

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

@@ -0,0 +1,23 @@
+.user-login{
+  position: absolute;
+  right: 2rem;
+  top: 50%;
+  margin-top: -1.2em;
+  a{
+    color: $body-font-color;
+  }
+
+  .is-dropdown-submenu-parent > a{
+    color: white;
+  }
+
+  .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;
+    right: 0;
+    margin-top: -1px;
+  }
+}

data/app/assets/stylesheets/decidim/admin/utils/_fontface.scss

@@ -0,0 +1,27 @@
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 400;
+	src:
+    font-url('decidim/Source_Sans_Pro_400.woff2') format('woff2'),
+    font-url('decidim/Source_Sans_Pro_400.woff') format('woff'),
+		font-url('decidim/Source_Sans_Pro_400.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 600;
+	src:
+    font-url('decidim/Source_Sans_Pro_600.woff2') format('woff2'),
+		font-url('decidim/Source_Sans_Pro_600.woff') format('woff'),
+		font-url('decidim/Source_Sans_Pro_600.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'Source Sans Pro';
+	font-style: normal;
+	font-weight: 900;
+	src:
+    font-url('decidim/Source_Sans_Pro_900.woff2') format('woff2'),
+		font-url('decidim/Source_Sans_Pro_900.woff') format('woff'),
+		font-url('decidim/Source_Sans_Pro_900.ttf') format('truetype');
+}

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

@@ -0,0 +1,25 @@
+// Helpers
+
+.list-reset {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.list-inline {
+  > li {
+    display: inline-block;
+    vertical-align: top;
+  }
+
+  > dt {
+    clear: both;
+    margin-right: 0.3em;
+  }
+
+  > dt,
+  > dd {
+    float: left;
+    margin-bottom: 0;
+  }
+}

data/app/assets/stylesheets/decidim/admin/utils/_keyframes.scss

@@ -0,0 +1,21 @@
+// Keyframes
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}