activeadmin_blaze_theme 0.5.16 → 0.6.0

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

@@ -0,0 +1,140 @@
+body.active_admin {
+  #header {
+    background-color: $bg-header;
+    background-image: none;
+    border-bottom: 0 none;
+    padding: 0;
+    position: relative;
+    .header-item {
+      top: 0;
+    }
+    .site_title {
+      color: $fg-menu-items;
+      padding-top: 0;
+      padding-bottom: 0;
+      img {
+        max-height: $height-topbar;
+        max-width: 250px;
+        // top: -1px;
+        vertical-align: middle;
+      }
+    }
+    ul.tabs {
+      >li {
+        margin-left: 1px;
+        padding: 0;
+      }
+      li {
+        height: $height-topbar;
+        line-height: $height-topbar;
+      }
+      li > a {
+        color: $fg-menu-items;
+        height: $height-topbar;
+        line-height: $height-topbar;
+        padding-left: 20px;
+        padding-right: 20px;
+      }
+      li:hover, li.current {
+        background: $bg-menu-active;
+      }
+      > li.has_nested {
+        > a {
+          background-color: transparent;
+          border-bottom: 0;
+        }
+        > ul {
+          background: lighten( $bg-header, 5% );
+          border-radius: 0;
+          padding: 0;
+          margin: 0;
+          a {
+            line-height: 2em;
+          }
+          li:hover {
+            background: $bg-menu-active;
+          }
+        }
+      }
+    }
+  }
+
+  #tabs, #utility_nav {
+    @extend .c-nav;
+    // @extend .c-nav--inline;
+    background-color: $bg-header;
+    > li {
+      @extend .c-nav__item;
+      float: left;
+      margin: 0;
+      &.current {
+        @extend .c-nav__item--active;
+        > a {
+          background: transparent;
+        }
+      }
+      > a {
+        display: block;
+        padding: 0;
+      }
+      > a:hover {
+        background: transparent;
+      }
+    }
+    > li:hover > a {
+      background: transparent;
+    }
+  }
+
+  #utility_nav {
+    position: absolute;
+    right: 0;
+    width: auto;
+  }
+
+  // title bar
+  #title_bar {
+    background-image: none;
+    box-shadow: none;
+    padding-top: 0;
+    padding-bottom: 0;
+    .breadcrumb {
+      float: left;
+      font-size: 1em;
+      line-height: initial;
+      margin: 0;
+      padding: 0;
+      > a, > a:link, > a:visited, > a:active {
+        opacity: 0.7;
+      }
+    }
+    .action_items span.action_item {
+      > a,
+      > .dropdown_menu > a {
+        @extend .button-base;
+        @extend .c-button--info;
+
+        color: #f4f4f4;
+      }
+      > a:hover,
+      > .dropdown_menu > a:hover {
+        background-color: #aaa;
+        background-image: none;
+      }
+      a[data-method='delete'] {
+        @extend .c-button--error;
+      }
+    }
+    #page_title {
+      display: block;
+      float: left;
+      font-size: 1em;
+      // font-size: 2em;
+      line-height: initial;
+      margin-left: 5px;
+    }
+    #titlebar_left, #titlebar_right {
+      height: $height-titlebar;
+    }
+  }  
+}

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: scroll;
+  }
+  .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/_components.addresses.scss

@@ -0,0 +1,11 @@
+.c-address {
+  display: block;
+  margin: 0;
+  padding: var(--spacing-small) 0;
+  font-style: normal;
+}
+
+.c-address__heading {
+  display: block;
+  font-weight: var(--text-font-weight-heavy);
+}

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

@@ -0,0 +1,78 @@
+.c-alerts[role='presentation'] {
+  --alerts-background-color: var(--color-transparent);
+
+  z-index: var(--z-over-page);
+  display: block;
+  max-height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow-y: auto;
+  list-style: none;
+  background-color: var(--alerts-background-color);
+  -webkit-overflow-scrolling: touch;
+}
+
+.c-alerts--topleft,
+.c-alerts--topright,
+.c-alerts--bottomleft,
+.c-alerts--bottomright {
+  position: fixed;
+  width: 250px;
+}
+
+.c-alerts--topleft {
+  top: var(--spacing-medium);
+  left: var(--spacing-medium);
+}
+
+.c-alerts--topright {
+  top: var(--spacing-medium);
+  right: var(--spacing-medium);
+}
+
+.c-alerts--bottomleft {
+  bottom: 0;
+  left: var(--spacing-medium);
+}
+
+.c-alerts--bottomright {
+  right: var(--spacing-medium);
+  bottom: 0;
+}
+
+.c-alert[role='alert'] {
+  --alert-color: white;
+  --alert-background-color: var(--color-default);
+
+  position: relative;
+  margin: var(--spacing-medium);
+  padding: var(--spacing-medium) var(--spacing-super) var(--spacing-medium) var(--spacing-medium);
+  color: var(--alert-color);
+  background-color: var(--alert-background-color);
+  border-radius: var(--border-radius);
+
+  .c-link {
+    color: var(--alert-color) !important;
+  }
+
+  &.c-alert--brand {
+    --alert-background-color: var(--color-brand);
+  }
+
+  &.c-alert--info {
+    --alert-background-color: var(--color-info);
+  }
+
+  &.c-alert--warning {
+    --alert-color: black;
+    --alert-background-color: var(--color-warning);
+  }
+
+  &.c-alert--success {
+    --alert-background-color: var(--color-success);
+  }
+
+  &.c-alert--error {
+    --alert-background-color: var(--color-error);
+  }
+}