activeadmin 2.2.0

data/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss

@@ -0,0 +1,152 @@
+.dropdown_menu {
+  display: inline;
+
+  .dropdown_menu_button {
+    @include light-button;
+    position: relative;
+    padding-right: 22px !important;
+    cursor: pointer;
+
+    &:before {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 3px 3px 0;
+      border-style: solid;
+      border-color: #FFF transparent;
+      right: 12px;
+      top: 45%;
+    }
+
+    &:after {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 3px 3px 0;
+      border-style: solid;
+      border-color: #777 transparent;
+      right: 12px;
+      top: 45%;
+    }
+  }
+
+  .dropdown_menu_nipple {
+
+    // The nipple's border
+    content: "";
+    position: absolute;
+    top: -6px;
+    display: block;
+    width: 0;
+    height: 0;
+    border-width: 0 6px 6px;
+    border-style: solid;
+    border-color: darken($primary-color, 4%) transparent;
+    z-index: 100;
+
+    // The nipple's inner shadow
+
+    &:before {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 0 5px 5px;
+      border-style: solid;
+      border-color: lighten($primary-color, 15%) transparent;
+      left: -5px;
+      top: 1px;
+    }
+
+    // The nipple's background color
+
+    &:after {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 0 5px 5px;
+      border-style: solid;
+      border-color: lighten($primary-color, 4%) transparent;
+      left: -5px;
+      top: 2px;
+    }
+  }
+
+  .dropdown_menu_list_wrapper {
+    display: inline-block;
+    position: absolute;
+    background-color: white;
+    padding: 2px;
+    box-shadow: rgba(0,0,0,0.4) 0 1px 3px, lighten($primary-color, 15%) 0px 1px 0px 0px inset;
+    background-color: $primary-color;
+    @include gradient(lighten($primary-color, 4%), darken($primary-color, 5%));
+    border: solid 1px darken($primary-color, 10%);
+    border-top-color: darken($primary-color, 4%);
+    border-bottom-color: darken($primary-color, 17%);
+    border-radius: 4px;
+    z-index: 2000;
+    display: none;
+
+    .dropdown_menu_list {
+      display: block;
+      background-color: #FFF;
+      border: solid 1px darken($primary-color, 10%);
+      box-shadow: lighten($primary-color, 5%) 0px 1px 0px 0px;
+      border-radius: 3px;
+      margin: 0;
+      overflow: hidden;
+      padding: 8px;
+
+      list-style-type: none;
+      padding: 0;
+
+      li {
+        display: block;
+        border-bottom: solid 1px #ebebeb;
+        box-sizing: border-box;
+
+        a {
+          display: block;
+          box-sizing: padding-box;
+          font-size: 0.95em;
+          font-weight: bold;
+          padding: 7px 16px 5px;
+          text-decoration: none;
+          text-align: center;
+          white-space: nowrap;
+
+          &:hover {
+            @include highlight-gradient;
+            @include text-shadow(#5a83aa);
+            color: #FFF;
+          }
+
+          &:active {
+            @include reverse-highlight-gradient;
+            color: #FFF;
+          }
+
+        }
+
+        &:first-child {
+          a {
+            border-top-left-radius: 2px;
+            border-top-right-radius: 2px;
+          }
+
+        }
+
+        &:last-child {
+          a {
+            border-bottom-left-radius: 2px;
+            border-bottom-right-radius: 2px;
+          }
+          border: none;
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/active_admin/components/_flash_messages.scss

@@ -0,0 +1,37 @@
+body.logged_in {
+  .flash {
+    @include gradient(#f7f1d3, #f5edc5);
+    @include text-shadow(#fafafa);
+    border-bottom: 1px solid #eee098;
+    color: #cb9810;
+    font-weight: bold;
+    font-size: 1.1em;
+    line-height: 1.0em;
+    padding: 13px 30px 11px;
+    position: relative;
+
+    &.flash_notice {
+      @include gradient(#dce9dd, #ccdfcd);
+      border-bottom: 1px solid #adcbaf;
+      color: #416347;
+    }
+    &.flash_error {
+      @include gradient(#f5e4e4, #f1dcdc);
+      border-bottom: 1px solid #e0c2c0;
+      color: #b33c33;
+    }
+  }
+}
+
+body.logged_out {
+  .flash {
+    @include no-shadow;
+    @include text-shadow(#fff);
+    background: none;
+    color: #666;
+    font-weight: bold;
+    line-height: 1.0em;
+    padding: 0;
+    margin-bottom: 8px;
+  }
+}

data/app/assets/stylesheets/active_admin/components/_grid.scss

@@ -0,0 +1,9 @@
+// -------------------------------------- Index as Grid
+table.index_grid td { border: none; background: none; padding: 0 20px 20px 0; margin: 0;}
+
+// -------------------------------------- Columns
+.columns {
+  clear: both;
+  padding: 0;
+  .column { float: left; }
+}

data/app/assets/stylesheets/active_admin/components/_index_list.scss

@@ -0,0 +1,12 @@
+.indexes {
+  float: right;
+
+  li {
+    .count {
+      color: #8e979e;
+      font-weight: normal;
+      font-size: 0.9em;
+      line-height: 10px;
+    }
+  }
+}

data/app/assets/stylesheets/active_admin/components/_links.scss

@@ -0,0 +1,5 @@
+a, a:link, a:visited {
+  color: $link-color;
+  text-decoration: underline;
+}
+a:hover { text-decoration: none; }

data/app/assets/stylesheets/active_admin/components/_modal_dialog.scss

@@ -0,0 +1,34 @@
+.ui-widget-overlay {
+  position: fixed;
+  background: rgba(0,0,0,.2);
+  top: 0; left: 0; right: 0; bottom: 0;
+  z-index: 1001;
+}
+
+.ui-dialog {
+  position: fixed;
+  z-index: 1002;
+  @include section-background;
+  box-shadow: rgba(0,0,0,0.5) 0 0 10px;
+
+  .ui-dialog-titlebar {
+    @include section-header;
+    span { font-size: 1.1em }
+  }
+
+  ul { list-style-type: none }
+  li { margin: 10px 0 }
+  label { margin-right: 10px }
+
+  .ui-dialog-buttonpane, form {
+    padding: 7px 15px 13px
+  }
+  .ui-dialog-buttonpane button {
+    & { @include dark-button } // OK
+    &:last-child { @include light-button } // Cancel
+  }
+}
+
+.active_admin_dialog.ui-dialog {
+  .ui-dialog-titlebar-close { display: none }
+}

data/app/assets/stylesheets/active_admin/components/_pagination.scss

@@ -0,0 +1,55 @@
+.paginated_collection_contents {
+  clear: both;
+}
+
+.pagination {
+  float: right;
+  font-size: 0.9em;
+  margin-left: 10px;
+
+  a {
+    @include light-button;
+  }
+
+  span.page.current {
+    @include default-button;
+  }
+
+  a, span.page.current {
+    @include rounded(0px);
+    margin-right: 4px;
+    padding: 2px 5px;
+  }
+}
+
+.pagination_information {
+  float: right;
+  margin-bottom: 5px;
+  color: #b3bcc1;
+  b { color: #5c6469; }
+}
+
+.download_links {
+  float: left;
+}
+
+.pagination_per_page {
+  float: right;
+  margin-left: 4px;
+  select {
+    @include light-button;
+    @include rounded(0px);
+    padding: 1px 5px;
+  }
+}
+
+.comments {
+  .pagination {
+    float: left;
+    margin-bottom: 30px;
+  }
+  .pagination_information {
+    float: left;
+    color: #000;
+  }
+}

data/app/assets/stylesheets/active_admin/components/_panels.scss

@@ -0,0 +1,6 @@
+// ----------------------------------- Helper class to apply to elements to make them sections
+.section, .panel{ @include section; }
+
+// ----------------------------------- Sidebar Sections
+
+.sidebar_section { @include section; }

data/app/assets/stylesheets/active_admin/components/_scopes.scss

@@ -0,0 +1,13 @@
+.scopes {
+  li {
+    .count {
+      color: #8e979e;
+      font-weight: normal;
+      font-size: 0.9em;
+      line-height: 10px;
+    }
+    &:first-child a {
+      margin-left: 10px;
+    }
+  }
+}

data/app/assets/stylesheets/active_admin/components/_status_tags.scss

@@ -0,0 +1,12 @@
+.status_tag {
+  background: darken($secondary-color, 15%);
+  color: #fff;
+  text-transform: uppercase;
+  letter-spacing: 0.15em;
+  padding: 3px 5px 2px 5px;
+  font-size: 0.8em;
+
+  &.yes { background: #6090DB }
+  &.no  { background: grey }
+
+}

data/app/assets/stylesheets/active_admin/components/_table_tools.scss

@@ -0,0 +1,67 @@
+.table_tools {
+  @include clearfix;
+  margin-bottom: 16px;
+}
+
+.table_tools .dropdown_menu {
+  float: left;
+}
+
+a.table_tools_button, .table_tools .dropdown_menu_button {
+  @include light-button;
+  @include gradient(#FFFFFF, #F0F0F0);
+  @include border-colors(#d9d9d9, #d0d0d0, #c5c5c5);
+  font-size: 0.9em;
+  padding: 4px 14px 4px;
+  margin: 0;
+
+  &:not(.disabled) {
+    &:hover {
+      @include gradient(#FFFFFF, #F6F6F6);
+    }
+
+    &:active {
+      @include border-colors(#d7d7d7, #c8c8c8, #c3c3c3);
+      box-shadow: 0 1px 1px 0 rgba(0,0,0,0.17) inset;
+      @include gradient(#FFFFFF, #E8E8E8);
+    }
+  }
+}
+
+.table_tools_segmented_control {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+
+  li {
+    float: left;
+
+    a {
+      border-width: 1px .5px 1px .5px;
+      border-radius: 0;
+    }
+
+    &:first-child a {
+      border-left-width: 1px;
+      border-top-left-radius: 12px;
+      border-bottom-left-radius: 12px;
+    }
+
+    &:last-child a {
+      border-right-width: 1px;
+      border-top-right-radius: 12px;
+      border-bottom-right-radius: 12px;
+    }
+
+    &.selected a {
+      @include gradient(#F0F0F0, #FDFDFD);
+      box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
+      cursor: default;
+
+      &:hover {
+        @include gradient(#F0F0F0, #FDFDFD);
+      }
+    }
+
+  }
+}

data/app/assets/stylesheets/active_admin/components/_tables.scss

@@ -0,0 +1,113 @@
+//= depend_on_asset "active_admin/orderable.png"
+// ----------------------------------- Tables
+
+table tr {
+  td {
+    vertical-align: top;
+  }
+
+  th {
+    text-align: left;
+  }
+}
+
+// --------- Index Tables
+
+table.index_table {
+  width: 100%;
+  margin-bottom: 10px;
+  border: 0;
+  border-spacing: 0;
+
+  th {
+    @include section-header;
+    border-right: none;
+    padding-left: $cell-horizontal-padding;
+    padding-right: $cell-horizontal-padding;
+
+    a, a:link, a:visited {
+      color: $section-header-text-color;
+      text-decoration: none;
+      display: block;
+      white-space: nowrap;
+    }
+
+    &.sortable a {
+      background: image-url('active_admin/orderable.png') no-repeat 0 4px; padding-left: 13px;
+    }
+
+    &.sorted-asc a { background-position: 0 -27px; }
+    &.sorted-desc a {  background-position: 0 -56px;}
+
+    &.sorted-asc, &.sorted-desc {
+      @include gradient(darken($secondary-gradient-start, 5%), darken($secondary-gradient-stop, 5%));
+    }
+
+    &:last-child {
+      border-right: solid 1px #d4d4d4;
+    }
+
+  }
+
+  tr.even td { background: $table-stripe-color; }
+
+  tr.selected td {
+    background: $table-selected-color;
+  }
+
+  td {
+    padding: 10px $cell-horizontal-padding 8px $cell-horizontal-padding;
+    border-bottom: 1px solid #e8e8e8;
+    vertical-align: top;
+  }
+}
+
+// --------- Tables inside Panels
+
+.panel_contents table {
+  margin-top: 5px;
+  th {
+    padding-top: 10px;
+    background: none;
+    color: $primary-color;
+    @include no-shadow;
+    @include text-shadow;
+    text-transform: uppercase;
+    border-bottom: 1px solid #ccc;
+  }
+  tr.odd td { background: darken($table-stripe-color, 3%); }
+  tr.even td { background: $table-stripe-color; }
+}
+
+// -------------------------------------- Resource Attributes Table
+.attributes_table { overflow: hidden; }
+
+.attributes_table table {
+  col.even { background: $table-stripe-color; }
+  col.odd  { background: darken($table-stripe-color, 3%); }
+  th, td {
+    padding: 8px $cell-horizontal-padding 6px $cell-horizontal-padding;
+    vertical-align: top;
+    border-bottom: 1px solid #e8e8e8;
+  }
+  th {
+    @include no-shadow;
+    @include no-gradient;
+    width: 150px;
+    font-size: 0.9em;
+    padding-left: 0;
+    text-transform: uppercase;
+    color: $primary-color;
+    @include text-shadow;
+  }
+  td {
+    .empty {
+      color: #bbb;
+      font-size: 0.8em;
+      text-transform: uppercase;
+      letter-spacing: 0.2em;
+    }
+  }
+}
+
+.sidebar_section .attributes_table th { width: 50px; }