activeadmin 3.2.1 → 4.0.0.beta1

data/app/assets/stylesheets/active_admin/_forms.scss

@@ -1,316 +0,0 @@
-// -------------------------------------- Active Admin Forms
-form {
-  /* Reset margins & Padding */
-  ul, ol, li, fieldset, legend, input, textarea, select, p { margin:0; padding:0; }
-  ol, ul { list-style: none }
-
-  fieldset {
-    border: 0;
-    padding: 10px 0;
-    margin-bottom: 20px;
-
-    &.inputs { @include section-background; }
-
-    legend {
-      width: 100%;
-      span { display: block; @include section-header; }
-    }
-
-    ol > li {
-      padding: 10px;
-      label {
-        display: block;
-        width: 20%;
-        float: left;
-        font-size: 1.0em;
-        font-weight: bold;
-        color: $form-label-color;
-        abbr {
-          border: none;
-          color:  $required-field-marker-color;
-        }
-      }
-    }
-
-    ol > li.has_many_container {
-      padding: 20px 10px;
-      h3 {
-        font-size: 12px;
-        font-weight: bold;
-      }
-      .has_many_fields { margin: 10px 0 }
-    }
-
-    ol > li > li label {
-      line-height:100%;
-      padding-top:0;
-      input {
-        line-height:100%;
-        vertical-align:middle;
-        margin-top:-0.1em;
-      }
-    }
-  }
-
-  // relative so the absolutely-positioned handle will fit
-  .has_many_fields { position: relative }
-
-  .has_many_container {
-    .handle {
-      position: absolute;
-      top: calc(50% - 3em / 2);
-      right: 2px;
-      padding: 0;
-      cursor: move;
-    }
-
-    // If a sortable is nested in a sortable, give the parent handle space!
-    &.ui-sortable .has_many_container {
-      margin-right: 2em;
-    }
-  }
-
-  .ui-sortable {
-    // give the handle space!
-    input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {
-      width: calc(80% - #{$text-input-total-padding} - 2em - 1px);
-    }
-  }
-
-  /* Nested Fieldsets and Legends */
-
-  fieldset > ol > li {
-    fieldset {
-      position:relative;
-      padding: 0;
-      margin-bottom: 0;
-
-      &:not(.inputs) ol {
-        float: left;
-        width: 74%;
-        margin: 0;
-        padding: 0 0 0 20%;
-
-        li {
-          padding: 0;
-          border: 0;
-        }
-      }
-
-      &.inputs ol {
-        float: left;
-        width: 100%;
-        margin: 0;
-      }
-    }
-  }
-
-  /* Text Fields */
-  input[type=text],
-  input[type=password],
-  input[type=email],
-  input[type=number],
-  input[type=url],
-  input[type=tel],
-  input[type=date],
-  input[type=time],
-  textarea {
-    width: calc(80% - #{$text-input-total-padding});
-    border: $border-width solid #c9d0d6;
-    @include rounded;
-    font-size: 0.95em;
-    @include sans-family;
-    outline: none;
-    padding: 8px $text-input-horizontal-padding 7px;
-
-    &:focus {
-      border: $border-width solid #99a2aa;
-      @include shadow(0,0,4px,#99a2aa);
-    }
-  }
-
-  input[type=date] {
-    width: calc(100% - #{$text-input-total-padding});
-  }
-
-  fieldset > ol > li {
-
-    /* Hints */
-    p.inline-hints {
-      font-size: 0.95em;
-      font-style: italic;
-      color:#666;
-      margin: 0.5em 0 0 20%;
-    }
-
-    /* Date and Time Fields */
-    &.date_select, &.time_select, &.datetime_select {
-      fieldset ol li {
-        float:left; width:auto; margin:0 0.5em 0 0;
-        label { display: none; }
-        input { display:inline; margin:0; padding:0;  }
-      }
-    }
-
-    /* Check Boxes or Radio fields */
-    &.check_boxes, &.radio {
-      fieldset ol {
-        margin-bottom:-0.6em;
-        li {
-          margin:0.1em 0 0.5em 0;
-          label {
-            float:none;
-            width:100%;
-            input { margin-right:0.2em; }
-          }
-        }
-      }
-    }
-
-    /* Boolean Field */
-    &.boolean {
-      min-height: 1.1em;
-      label {
-        width: 100%;
-        padding-left:20%;
-        padding-right: 10px;
-        text-transform: none !important;
-        font-weight: normal;
-        input { margin:0 0.5em 0 0.2em; }
-      }
-    }
-
-    /* Hidden fields */
-    &.hidden {
-      padding: 0;
-    }
-
-    /* Errors */
-    p.inline-errors {
-      color: $error-color;
-      font-weight: bold;
-      margin:0.3em 0 0 20%;
-    }
-    ul.errors {
-      color: $error-color;
-      margin:0.5em 0 0 20%;
-      list-style:square;
-      li { padding:0; border:none; display:list-item; }
-    }
-
-    &.error {
-      input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {
-        border: $border-width solid $error-color;
-      }
-    }
-  }
-
-  /* semantic_errors */
-  ul.errors {
-    background: lighten($error-color, 60%);
-    @include rounded(4px);
-    color: $error-color;
-    font-weight: bold;
-    margin-bottom: 10px;
-    padding: 10px;
-    list-style:square;
-    li { margin-left:15px; padding:0; border:none; display:list-item; }
-  }
-
-  /* Buttons */
-
-  input[type=submit], input[type=button], button {
-    @include dark-button;
-    cursor: pointer;
-
-  }
-
-  .buttons, .actions {
-    margin-top: 15px;
-    input[type=submit], input[type=button], button { margin-right: 10px; }
-  }
-
-  .actions .create_another {
-    float: none;
-    margin-bottom: 10px;
-
-    label {
-      float: none;
-      display: inline;
-    }
-  }
-
-  fieldset.buttons li, fieldset.actions li {
-    float:left;
-    padding: 0;
-
-    &.cancel a { @include light-button; }
-  }
-}
-
-// -------------------------------------- Sidebar Forms
-
-.sidebar_section {
-
-  label {
-    display: block;
-    text-transform: uppercase;
-    color:  $form-label-color;
-    font-size: 0.9em;
-    font-weight: bold;
-  }
-
-  select {
-    width: $sidebar-inner-content-width;
-  }
-
-  input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], textarea {
-    width: $sidebar-inner-content-width - ($text-input-horizontal-padding * 2);
-  }
-
-}
-
-// -------------------------------------- Filter Forms
-
-form.filter_form {
-  .filter_form_field {
-    margin-bottom: 10px;
-    clear: both;
-
-    &.select_and_search {
-      input[type=text] {
-        margin-left: $filter-field-seperator-width + 4;
-        width: $side-by-side-filter-input-width;
-      }
-      select {
-        width: $side-by-side-filter-select-width;
-      }
-    }
-
-    &.filter_check_boxes {
-      label { margin-bottom: 3px; }
-      fieldset {
-        margin-bottom: 0px;
-        padding-bottom: 0px;
-      }
-      .check_boxes_wrapper label {
-        font-weight: normal;
-        margin-bottom: 3px;
-        text-transform: none;
-        font-size: 1.0em;
-        input { vertical-align: baseline; }
-      }
-    }
-
-    &.filter_date_range {
-      input[type=text] {
-        width: $date-range-filter-input-width;
-
-        + input {
-          margin-left: 6px;
-        }
-      }
-    }
-  }
-  a.clear_filters_btn { @include light-button; }
-}

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

@@ -1,188 +0,0 @@
-// ----------------------------------- Header
-#header {
-  @include primary-gradient;
-  @include shadow;
-  @include text-shadow(#000);
-  display: table;
-  height: 20px;
-  width: 100%;
-  overflow: visible;
-  position: inherit;
-  padding: 5px 0;
-  z-index: 900;
-
-  h1 {
-    display: table-cell;
-    vertical-align: middle;
-    white-space: nowrap;
-    color:  $page-header-text-color;
-    margin-right: 20px;
-    margin-bottom: 0px;
-    padding: 3px $horizontal-page-margin 0 $horizontal-page-margin;
-    font-size: 1.3em;
-    font-weight: normal;
-    line-height: 1.2;
-
-    a {
-      text-decoration: none;
-
-      &:hover {
-        color: #fff;
-      }
-    }
-
-    img {
-      position: relative;
-      top: -2px;
-    }
-  }
-
-  a, a:link { color: $page-header-text-color; }
-
-  .header-item {
-    top: 2px;
-    position: relative;
-    height: 20px
-  }
-
-  ul.tabs {
-    display: table-cell;
-    vertical-align: middle;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-
-    li {
-      /* Hover on li, display the ul */
-      &:hover > ul { display: block;}
-    }
-
-    & > li {
-      display: inline-block;
-      margin-right: 4px;
-      margin-top: 5px;
-      margin-bottom: 5px;
-      font-size: 1.0em;
-      position: relative;
-
-      a {
-        text-decoration: none;
-        padding: 6px 10px 4px 10px;
-        position: relative;
-        @include rounded(10px);
-      }
-
-      &.current > a {
-        background: $current-menu-item-background;
-        color: #fff;
-      }
-
-      &.has_nested > a {
-        background: url($menu-arrow-light-icon-url) no-repeat calc(100% - 7px) 50%;
-        padding-right: 20px;
-      }
-
-      &.has_nested.current > a {
-        background: $current-menu-item-background url($menu-arrow-dark-icon-url) no-repeat calc(100% - 7px) 50%;
-        padding-right: 20px;
-      }
-
-      &:hover > a {
-        background: $hover-menu-item-background;
-        color: #fff;
-      }
-
-      &.has_nested:hover > a {
-        @include rounded-top(10px);
-        border-bottom: 5px solid $hover-menu-item-background;
-        background: $hover-menu-item-background url($menu-arrow-dark-icon-url) no-repeat calc(100% - 7px) 50%;
-        z-index: 1020;
-      }
-
-
-      /* Drop down menus */
-      ul {
-        background: $hover-menu-item-background;
-        @include rounded-all(0,10px,10px,10px);
-        @include shadow(0, 1px, 3px, #444);
-        position: absolute;
-        width: 120%;
-        min-width: 175px;
-        max-width: calc(100% + 20px);
-        margin-top: 5px;
-        float: left;
-        display: none;
-        padding: 3px 0px 5px 0;
-        list-style: none;
-        z-index: 1010;
-
-        li {
-          position: relative;
-          margin: 0px;
-          a {
-            background: none;
-            display: block;
-            &:hover { color: #fff; background: none; }
-          }
-
-          &.current {
-            a { @include rounded(0) }
-          }
-
-          &.has_nested > a {
-            background: url($menu-arrow-right-light-icon-url) no-repeat calc(100% - 7px) 55%;
-            padding-right: 20px;
-          }
-
-          &.has_nested:hover > a {
-            background: url($menu-arrow-right-dark-icon-url) no-repeat calc(100% - 7px) 55%;
-            color: #fff;
-          }
-
-          ul {
-            @include rounded-all(10px,10px,10px,10px);
-            margin-top: 0;
-            top: -3px;
-            left: 100%;
-
-            /* Create an invisible backdrop that adds 8px margin around the dropdown menu or submenu
-               that maintains the hover. This makes it much easier to navigate to submenus in
-               particular without losing hover accientally, especially near rounded corners. */
-            &:after {
-              content: "";
-              display: block;
-              position: absolute;
-              top: -8px;
-              left: -8px;
-              height: calc(100% + 16px);
-              width: calc(100% + 16px);
-              z-index: -2;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  #tabs {
-    width: 100%;
-  }
-
-  #utility_nav {
-    color: #aaa;
-    display: table-cell;
-    white-space: nowrap;
-    margin: 0;
-    padding: 0;
-    padding-right: 26px;
-    text-align: right;
-
-    a { text-decoration: none; }
-    a:hover { color: #fff; }
-
-    li {
-      display:inline;
-    }
-  }
-
-}

data/app/assets/stylesheets/active_admin/_mixins.scss

@@ -1 +0,0 @@
-@import "./mixins/all";