activeadmin_blaze_theme 0.5.16 → 0.7.6

data/app/assets/stylesheets/activeadmin_blaze_theme/_navigation.scss

@@ -0,0 +1,69 @@
+body.active_admin {
+  nav.pagination {
+    @extend .c-pagination;
+
+    float: none;
+    justify-content: center;
+    margin: 0;
+    padding: 0;
+
+    span > a {
+      background: transparent;
+      background-image: none;
+      border: 0 none;
+      box-shadow: none;
+      color: initial;
+      cursor: pointer;
+      padding: 6px 10px;
+      margin: 0 auto;
+      text-shadow: none;
+    }
+
+    a:hover, span:hover > a {
+      background: transparent;
+      background-image: none;
+      color: #888;
+      text-shadow: none;
+    }
+
+    .first, .prev, .next, .last {
+      display: inline-block;
+      margin-right: 2px;
+      padding: 0;
+    }
+
+    .prev {
+      margin-right: 16px;
+    }
+
+    .next {
+      margin-left: 14px;
+    }
+
+    .page {
+      display: inline-block;
+      margin-right: 2px;
+      padding: 0;
+      &.current {
+        background-color: transparent;
+        background-image: none;
+        border-radius: 20px;
+        color: #000;
+        padding: 6px 10px;
+        text-shadow: none;
+      }
+      &.current:hover {
+        background-color: transparent;
+        background-image: none;
+      }
+      &.gap {
+        border: 0 none;
+      }
+      &.gap:hover {
+        background-color: transparent;
+        color: initial;
+        cursor: default;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/_sidebars.scss

@@ -0,0 +1,64 @@
+body.active_admin {
+  #sidebar {
+    background: $bg-sidebar;
+    min-height: calc(100vh - #{$height-topbar + $height-titlebar + 2 + 40});
+    padding: 0 15px;
+    .sidebar_section {
+      margin-bottom: 20px;
+    }
+    .filter_form .selectize-control > .selectize-input {
+      width: 100%;
+    }
+  }
+  #active_admin_content > #sidebar, #active_admin_content > #main_content_wrapper {
+    float: none;
+  }
+  .panel_contents {
+    @extend .c-card__item;
+    padding: 8px 10px 10px 10px;
+  }
+  .sidebar_section {
+    @extend .c-card;
+    @extend .u-high;
+    .filter_form_field {
+      input[type='datetime-local'],
+      input[type='email'],
+      input[type='number'],
+      input[type='password'],
+      input[type='search'],
+      input[type='tel'],
+      input[type='text'],
+      input[type='time'],
+      input[type='url'],
+      textarea {
+        background-color: $bg-inputs;
+        background-image: none;
+      }
+      select {
+        background-color: $bg-inputs;
+      }
+    }
+    > h3 {
+      @extend .c-card__item;
+      @extend .c-card__item--brand;
+      background-image: none;
+      border: 0 none !important;
+      color: $fg-box-title;
+      margin-bottom: 2px;
+      margin-top: 0;
+      padding: 8px 11px;
+      text-shadow: $text-shadow 0 1px 0;
+    }
+    h4 {
+      margin: 0;
+    }
+    input[type='submit'] {
+      @extend .c-button--info;
+
+      color: #f4f4f4;
+    }
+    ul {
+      margin: 0 0 8px 0;
+    }
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/_tables.scss

@@ -0,0 +1,96 @@
+body.active_admin {
+  .blaze-table {
+    @extend .c-table;
+    // @extend .c-table--striped;
+    // @extend .c-table--condensed;
+    >thead {
+      @extend .c-table__head;
+      >tr {
+        @extend .c-table__row;
+        @extend .c-table__row--heading;
+        >th {
+          @extend .c-table__cell;
+        }
+      }
+    }
+    >tbody {
+      @extend .c-table__body;
+      >tr {
+        @extend .c-table__row;
+        >td {
+          @extend .c-table__cell;
+        }
+      }
+    }
+    &.table-bordered {
+      border: 1px solid #ddd;
+      &.table-rows {
+        border-bottom: 0 none;
+      }
+    }
+    &.table-rows >tbody >tr {
+      border-bottom: 1px solid #ddd;
+    }
+    &.table-striped >tbody >tr.even {
+      background: #f4f4f4;
+    }
+  }
+
+  .table_tools {
+    a {
+      @extend .button-base;
+      cursor: pointer;
+      margin-right: 10px;
+      span {
+        color: $fg-table-link;
+      }
+    }
+    a:hover,
+    a.table_tools_button:hover,
+    .dropdown_menu_button:hover {
+      background-color: #aaa;
+      background-image: none;
+    }
+    .dropdown_menu_list a {
+      width: 100%;
+    }
+  }
+
+  .index_table {
+    th {
+      background-image: none;
+      background-color: #eee;
+      border: 0 none;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 1px #fff inset;
+    }
+    tbody > tr > td:first-child {
+      border-left: 1px solid $fg-table-borders;
+    }
+    tbody > tr > td {
+      border-right: 1px solid $fg-table-borders;
+    }
+    .col.col-selectable > div {
+      text-align: center;
+    }
+  }
+  .index_as_table {
+    overflow-x: auto;
+  }
+  .panel_contents table tr:last-child {
+    > td, > th {
+      border-bottom: 0 none;
+    }
+  }
+  .col-actions {
+    padding: 1px 2px 0 6px;
+    vertical-align: middle;
+    a.c-button {
+      // color: #222;
+      margin-right: 1px;
+      margin-left: 1px;
+    }
+    // .table_actions {
+    //   text-align: center;
+    // }
+  }
+}

data/app/assets/stylesheets/activeadmin_blaze_theme/_variables.scss

@@ -0,0 +1,46 @@
+// default colors
+$color-black: #111 !default;
+$color-grey: #B0BEC5 !default;
+$color-white: #FFF !default;
+$color-beige: #F2F2EA !default;
+$color-red: #F44336 !default;
+$color-pink: #E91E63 !default;
+$color-purple: #9C27B0 !default;
+$color-blue: #2196F3 !default;
+$color-green: #4CAF50 !default;
+$color-cyan: #00BCD4 !default;
+$color-yellow: #FFEB3B !default;
+$color-orange: #FF9800 !default;
+$color-brown: #795548 !default;
+
+$color-brand: #2C3E50 !default;
+$color-info: $color-blue !default;
+$color-warning: $color-orange !default;
+$color-success: $color-green !default;
+$color-error: $color-red !default;
+
+// main variables
+$bg-footer: #dfdfdf !default;             // bg footer bar
+$bg-form1: #f4f4f4 !default;              // bg 1st level forms
+$bg-form2: darken($bg-form1, 3%) !default;  // bg 2nd level forms (nested)
+$bg-form3: darken($bg-form1, 6%) !default;  // bg 3rd level forms (nested)
+$bg-form4: darken($bg-form1, 9%) !default;  // bg 4th level forms (nested)
+$bg-form-sub-headings: lighten( $color-brand, 64% ) !default;  // bg nested forms title
+$bg-header: $color-brand !default;          // bg header bar
+$bg-inputs: #fff !default;                // bg forms inputs
+$bg-menu-active: #7b929e !default;        // bg menu item current / hover
+$bg-sidebar: #efefef;                     // bg sidebar
+$fg-box-title: #fff !default;
+$fg-button-link: #fff !default;
+$fg-menu-items: #f8f8f8 !default;
+$fg-table-borders: #e4e4e4 !default;
+$fg-table-link: #eee !default;
+
+// other variables
+$color-validation-error: #932419 !default;
+$form-padding: 10px !default;
+$inputs-spacing: 10px !default;
+$height-inputs: 26px !default;
+$height-topbar: 40px !default;
+$height-titlebar: 38px !default;
+$text-shadow: #000 !default;

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/blaze.scss

@@ -1,3 +1,4 @@
+// v3.6.3
 @import "generics.global";
 @import "objects.containers";
 @import "objects.grid";
@@ -39,3 +40,4 @@
 @import "utilities.boxing";
 @import "utilities.elevation";
 @import "utilities.sizes";
+@import "utilities.visibility";

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.inputs.scss

@@ -3,14 +3,6 @@
 .o-field {
   position: relative;
 
-  .c-field--success ~ .c-icon {
-    color: $field-success-border-color;
-  }
-
-  .c-field--error ~ .c-icon {
-    color: $field-error-border-color;
-  }
-
   .c-field:disabled ~ .c-icon {
     color: $field-disabled-border-color;
   }
@@ -19,7 +11,6 @@
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
-    color: $field-border-color;
   }
 }
 

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.overlays.scss

@@ -2,7 +2,7 @@
 
 .c-overlay {
   display: block;
-  position: absolute;
+  position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
@@ -10,9 +10,16 @@
   width: 100%;
   height: 100%;
   background-color: transparentize($overlay-background-color, .6);
+  opacity: 0;
+  visibility: hidden;
   z-index: $overlay-z-index;
 }
 
+.c-overlay--visible {
+  opacity: 1;
+  visibility: visible;
+}
+
 .c-overlay--fullpage {
   position: fixed;
 }

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/components.typography.scss

@@ -41,6 +41,7 @@
   padding: $spacing-small $spacing-medium;
   border-radius: $border-radius;
   white-space: pre;
+  word-wrap: normal;
   overflow-x: auto;
 }
 

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_objects.grid.scss

@@ -1,7 +1,8 @@
 @import "settings.global";
+@import "utilities.visibility";
 
 @mixin grid {
-  display: flex;
+  @include display-flex;
 }
 
 @mixin grid--wrap {
@@ -62,11 +63,11 @@
 }
 
 @mixin grid__cell--hidden {
-  display: none;
+  @include display-none;
 }
 
 @mixin grid__cell--visible {
-  display: initial;
+  @include display-initial;
 }
 
 @mixin grid__cell--width($width) {

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.alignment.scss

@@ -2,6 +2,18 @@
   text-align: center;
 }
 
+@mixin justified {
+  text-align: justify;
+}
+
+@mixin left {
+  text-align: left;
+}
+
+@mixin right {
+  text-align: right;
+}
+
 @mixin center-block {
   position: relative;
 }

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_utilities.visibility.scss

@@ -0,0 +1,47 @@
+@import "settings.global";
+@import "tools.mediaqueries";
+
+@mixin visible {
+  visibility: visible;
+}
+
+@mixin invisible {
+  visibility: hidden;
+}
+
+@mixin display-none {
+  display: none;
+}
+
+@mixin display-initial {
+  display: initial;
+}
+
+@mixin display-inline {
+  display: inline;
+}
+
+@mixin display-inline-block {
+  display: inline-block;
+}
+
+@mixin display-block {
+  display: block;
+}
+
+@mixin display-table {
+  display: table;
+}
+
+@mixin display-table-cell {
+  display: table-cell;
+}
+
+@mixin display-flex {
+  display: flex;
+}
+
+@mixin display-inline-flex {
+  display: inline-flex;
+}
+

data/app/assets/stylesheets/activeadmin_blaze_theme/blaze/objects.containers.scss

@@ -20,8 +20,6 @@
     @include containers__responsive(super);
   }
 
-
-
   margin: auto;
   @each $size, $width in $screen-limits {
     &--#{$size} {