activeadmin 0.4.4 → 0.5.0.pre

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

@@ -1,4 +1,4 @@
-body.logged_in {
+&.logged_in {
   .flash {
     @include gradient(#f7f1d3, #f5edc5);
     @include text-shadow(#fafafa);
@@ -25,7 +25,7 @@ body.logged_in {
   }
 }
 
-body.logged_out {
+&.logged_out {
   .flash {
     @include no-shadow;
     @include text-shadow(#fff);
@@ -36,4 +36,4 @@ body.logged_out {
     margin-bottom: 10px;
     padding: 0;
   }
-}
+}

data/app/assets/stylesheets/active_admin/components/_popovers.css.scss

@@ -0,0 +1,123 @@
+.popover {
+  display: inline-block;
+  position: absolute;
+  background-color: white;
+  padding: 2px;
+  @include 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;
+  
+  .popover_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;
+    }
+  }
+  
+  .popover_contents {
+    display: block;
+    background-color: #FFF;
+    border: solid 1px darken($primary-color, 10%);    
+    @include box-shadow(lighten($primary-color, 5%) 0px 1px 0px 0px);    
+    border-radius: 3px;
+    margin: 0;
+    overflow: hidden;
+    padding: 8px;
+  }
+  
+}
+  
+//-------------------------------------- Popover with action list
+
+.popover {
+  ul.popover_contents {
+    list-style-type: none;
+    padding: 0;
+  
+    li {
+      display: block;
+      border-bottom: solid 1px #ebebeb;
+      @include box-sizing(border-box);
+    
+      a {
+        display: block;
+        @include box-sizing(padding-box);        
+        font-size: 0.95em;
+        font-weight: bold;
+        padding: 7px 16px 5px;
+        text-decoration: none;
+        text-align: center;
+        -webkit-font-smoothing: antialiased;
+        
+        &: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/_status_tags.scss

@@ -1,4 +1,4 @@
-.status {
+.status_tag {
   background: darken($secondary-color, 15%);
   color: #fff;
   text-transform: uppercase;

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

@@ -16,39 +16,31 @@
   .table_tools_segmented_control + .table_tools_button {
     margin-left: 6px;
   }
+
 }
 
-a.table_tools_button {
+
+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;
-  color: #777;
   text-decoration: none;
   padding: 4px 14px 4px;
   position: relative;
-  
-  &.selected {
-    @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px #FFF inset, 0 0 10px rgba(120,175,220,0.36));
-    
-    &:active {
-      @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px #FFF inset, 0 0 10px rgba(120,175,220,0.36), 0, 1px, 2px, rgba(0,0,0,0.30));
+  -webkit-transition: all 0.08s ease-in;
+
+  &:not(.disabled) {
+    &:hover {
+      @include gradient(#FFFFFF, #F6F6F6);
     }
-  }
 
-  &.dropdown_button {
-    padding-right: 20px;
-    
-    .arrow {
-      border-color: #777 transparent transparent;
-      border-style: solid;
-      border-width: 3px 3px 0;
-      height: 0;
-      position: absolute;
-      top: 8px;
-      right: 9px;
-      width: 0;
+    &:active {
+      @include border-colors(#d7d7d7, #c8c8c8, #c3c3c3);
+      @include box-shadow(0 1px 1px 0 rgba(0,0,0,0.17) inset );
+      @include gradient(#FFFFFF, #E8E8E8);
     }
   }
-
 }
 
 .table_tools_segmented_control {
@@ -83,19 +75,20 @@ a.table_tools_button {
         border-bottom-right-radius: 12px;
       }
     }
-    
+
     &.selected {
+
       a {
-        background: #F0F0F0;
+        @include gradient(#F0F0F0, #FDFDFD);
         @include box-shadow(0 1px 1px 0 rgba(0,0,0,0.1) inset);
-        color: #8a8a8a;
         cursor: default;
         
         &:hover {
-          color: #8a8a8a;
+          @include gradient(#F0F0F0, #FDFDFD);
         }
       }
     }
+
   }
   
-}
+}

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

@@ -26,6 +26,7 @@ table.index_table {
       text-decoration: none;
       display: block;
       white-space: nowrap;
+      -webkit-font-smoothing: antialiased;
     }
 
     &.sortable a {

data/app/assets/stylesheets/active_admin/mixins/_buttons.css.scss

@@ -1,11 +1,5 @@
-@mixin default-button {
-  @include gradient(lighten($primary-color, 15%), darken($primary-color, 12%));
+@mixin basic-button {
   @include rounded(200px);
-  @include text-shadow(#000);
-  @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255, 0.2) inset);
-  border: solid 1px #484e53;
-  @include border-colors(#616a71, #484e53, #363b3f);
-  color: #efefef;
   display: inline-block;
   font-weight: bold;
   font-size: 1.0em;
@@ -15,48 +9,56 @@
   padding: 7px 16px 6px;
   text-decoration: none;
   -webkit-font-smoothing: antialiased;
-  
-  &:hover {
-    color: #FFF;
-    @include icon-color(#fff);
-    @include gradient(lighten($primary-color, 18%), darken($primary-color, 9%));
+
+  &.disabled {
+    opacity: 0.5;
+    cursor: default;
   }
+
+}
+
+@mixin default-button {
+  @include basic-button;
+  @include gradient(lighten($primary-color, 15%), darken($primary-color, 12%));
+  @include text-shadow(#000);
+  @include box-shadow(0 1px 1px rgba(0,0,0,0.10), 0 1px 0 0px rgba(255,255,255, 0.2) inset);
+  border: solid 1px #484e53;
+  @include border-colors(#616a71, #484e53, #363b3f);
+  color: #efefef;
   
-  &:active {
-    @include box-shadow(0 1px 3px rgba(0,0,0,0.40) inset, 0 1px 0 0px #FFF);
-    @include gradient(lighten($primary-color, 13%), darken($primary-color, 14%));
+  &:not(.disabled) {
+    &:hover{
+      @include gradient(lighten($primary-color, 18%), darken($primary-color, 9%));
+    }
+    
+    &:active {
+      @include box-shadow(0 1px 3px rgba(0,0,0,0.40) inset, 0 1px 0 0px #FFF);
+      @include gradient(lighten($primary-color, 8%), darken($primary-color, 17%));
+    }
   }
 }
 
 @mixin light-button {
-  @include default-button;
-  @include gradient(#fdfdfd, #e8e8e8);
-  @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px rgba(255,255,255, 0.8) inset);
+  @include basic-button;  
+  @include gradient(#FFFFFF, #E7E7E7);
+  @include box-shadow(0 1px 1px rgba(0,0,0,0.10), 0 1px 0 0 rgba(255,255,255, 0.8) inset);
+  border: solid 1px #c7c7c7;
   @include border-colors(#d3d3d3, #c7c7c7, #c2c2c2);
   @include text-shadow;
-  color: #777;
-  &:hover {
-    @include icon-color(#444);
-    color: #444;
-    @include gradient(#fdfdfd, #eaeaea);
-  }
-  &:active {
-    @include box-shadow(0 1px 3px rgba(0,0,0,0.18) inset, 0 1px 0 0px #EEE);
-    @include gradient(#fcfcfc, #e5e4e5);
-  }
-  
-  &.disabled {
-    color: #777;
-    cursor: default;
-    opacity: 0.6;
-    
+  color: $primary-color;
+
+  &:not(.disabled) {
     &:hover {
-      color: #777;
+      @include gradient(#FFFFFF, #F1F1F1);
     }
+
     &:active {
-      @include box-shadow(0 1px 0px rgba(0,0,0,0.10), 0 0 0 1px #FFF inset);
+      @include box-shadow(0 1px 2px rgba(0,0,0,0.22) inset, 0 1px 0 0px #EEE);
+      @include border-colors(#c2c2c2, #b9b9b9, #b7b7b7);
+      @include gradient(#F3F3F3, #D8D8D8);
     }
   }
+
 }
 
 @mixin dark-button {

data/app/assets/stylesheets/active_admin/mixins/_gradients.css.scss

@@ -1,14 +1,14 @@
-$secondary-gradient-start: #efefef;
-$secondary-gradient-stop: #dfe1e2;
+$secondary-gradient-start: #efefef !default;
+$secondary-gradient-stop: #dfe1e2 !default;
 
 @mixin gradient($start, $end){ 
   background: $start; 
   background: -webkit-gradient(linear, left top, left bottom, from($start), to($end)); 
   background: -moz-linear-gradient(-90deg, $start, $end); 
   // IE 6 & 7
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$start}, endColorstr=#{$end});
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start}', endColorstr='#{$end}');
   // IE 8
-  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$start}, endColorstr=#{$end});
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start}', endColorstr='#{$end}');
 }
 
 @mixin primary-gradient { 
@@ -34,4 +34,4 @@ $secondary-gradient-stop: #dfe1e2;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   // IE 8
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
-}
+}

data/app/assets/stylesheets/active_admin/mixins/_icons.css.scss

@@ -1,5 +1,7 @@
-span.icon { vertical-align: middle; display: inline-block; }
-span.icon svg { vertical-align: baseline; }
+body.active_admin {
+  span.icon { vertical-align: middle; display: inline-block; }
+  span.icon svg { vertical-align: baseline; }
+}
 
 @mixin icon-color ($color) {
   span.icon svg {
@@ -17,4 +19,6 @@ span.icon svg { vertical-align: baseline; }
   @include icon-size($size);
 }
 
-@include icon-size(0.8em);
+body.active_admin {
+  @include icon-size(0.8em);
+}

data/app/assets/stylesheets/active_admin/mixins/_variables.css.scss

@@ -1,22 +1,24 @@
-// Variables used throughout Active Admin
+// Variables used throughout Active Admin.
+// They can be overridden by prepending your own
+// to 'app/assets/stylesheets/active_admin.css.scss'.
 
 // Colors
-$primary-color: #5E6469;
-$secondary-color: #f0f0f0;
-$text-color: #323537;
-$link-color: #38678b;
-$section-header-text-color: $primary-color;
-$current-menu-item-background: lighten($primary-color, 12%);
-$hover-menu-item-background: lighten($primary-color, 12%);
-$table-stripe-color: lighten($primary-color, 57%); 
-$table-selected-color: #d9e4ec;
-$error-color: #932419;
+$primary-color: #5E6469 !default;
+$secondary-color: #f0f0f0 !default;
+$text-color: #323537 !default;
+$link-color: #38678b !default;
+$section-header-text-color: $primary-color !default;
+$current-menu-item-background: lighten($primary-color, 12%) !default;
+$hover-menu-item-background: lighten($primary-color, 12%) !default;
+$table-stripe-color: lighten($primary-color, 57%) !default; 
+$table-selected-color: #d9e4ec !default;
+$error-color: #932419 !default;
 
 // Sizes
-$horizontal-page-margin: 30px;
-$sidebar-width: 270px;
-$cell-padding: 5px 10px 3px 10px;
-$cell-horizontal-padding: 12px;
-$section-padding: 15px;
-$text-input-horizontal-padding: 10px;
+$horizontal-page-margin: 30px !default;
+$sidebar-width: 270px !default;
+$cell-padding: 5px 10px 3px 10px !default;
+$cell-horizontal-padding: 12px !default;
+$section-padding: 15px !default;
+$text-input-horizontal-padding: 10px !default;
 

data/app/assets/stylesheets/active_admin/pages/_logged_out.scss

@@ -1,4 +1,4 @@
-body.logged_out {
+&.logged_out {
   background: #e8e9ea;
 
   #content_wrapper{
@@ -41,4 +41,4 @@ body.logged_out {
     a { float: right; margin-top: -32px; }
   }
 
-}
+}

data/app/assets/stylesheets/active_admin/print.css.scss

@@ -0,0 +1,290 @@
+/* Active Admin Print Stylesheet */
+
+// Set colors used elsewhere
+$primary-color: black;
+$text-color: black;
+
+// Reset
+@import "active_admin/mixins/reset";
+@include global-reset;
+
+// Partials
+body.active_admin {
+  @import "active_admin/typography";
+}
+
+body.active_admin {
+  font-family: Helvetica, Arial, sans-serif;
+  line-height: 150%;
+  font-size: 72%;
+  background: #fff;
+  width: 99%;
+  margin: 0;
+  padding: .5%;
+  color: $text-color;
+}
+
+body.active_admin {
+
+a {
+  color: $text-color;
+  text-decoration: none;
+}
+
+h3 {
+  font-weight: bold;
+  margin-bottom: .5em;
+}
+
+// Header
+#header {
+  float: left;
+
+  #tabs, #utility_nav {
+    display: none;
+  }
+
+  h1{
+    font-weight: bold;
+  }
+}
+
+.flashes {
+  display: none;
+}
+
+#title_bar {
+  float: right;
+
+  h2 {
+    line-height: 2em;
+    margin: 0;
+  }
+
+  .breadcrumb, #titlebar_right {
+    display: none;
+  }
+}
+
+// Content
+#active_admin_content {
+  border-top: thick solid black;
+  clear: both;
+  margin-top: 2em;
+  padding-top: 3em;
+}
+
+// Footer
+#footer {
+  display: none;
+}
+
+// Tables
+.table_tools {
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+
+    li {
+      display: none;
+      padding: 0;
+      margin-bottom: 1em;
+
+      &.scope.selected {
+        display: block;
+
+        &:before {
+          content: "Showing ";
+        }
+
+        a {
+          font-weight: bold;
+        }
+
+        span {
+          display: inline-block;
+          font-weight: normal;
+          font-size: .9em;
+        }
+      }
+    }
+
+  }
+}
+
+table {
+  margin-bottom: 1.5em;
+  text-align: left;
+  width: 100%;
+
+  thead {
+    display: table-header-group;
+
+    th {
+      background: none;
+      border-bottom: medium solid black;
+      font-weight: bold;
+
+      a{
+        text-decoration: none;
+      }
+    }
+  }
+
+  th, td {
+    padding: .5em 1em;
+
+    .member_link {
+      display: none;
+    }
+  }
+
+  td {
+    border-bottom: thin solid black;
+  }
+
+  tr{
+    page-break-inside: avoid;
+  }
+}
+
+// Index
+#index_footer, .pagination_information {
+  display: none;
+}
+
+.index_grid {
+  td {
+    border: none;
+    text-align: center;
+    vertical-align: middle;
+
+    img {
+      max-width: 1in;
+    }
+  }
+}
+
+// Show
+.panel {
+  border-bottom: thick solid #ccc;
+  margin-bottom: 3em;
+  padding-bottom: 2em;
+  page-break-inside: avoid;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.comments {
+  form {
+    display: none;
+  }
+
+  .active_admin_comment {
+    border-top: thin solid black;
+    padding-top: 1em;
+
+    .active_admin_comment_meta {
+      h4 {
+        font-size: 1em;
+        font-weight: bold;
+        float: left;
+        margin-right: .5em;
+        margin-bottom: 0;
+      }
+
+      span {
+        font-size: .9em;
+        font-style: italic;
+        vertical-align: top;
+      }
+    }
+
+    .active_admin_comment_body {
+      clear: both;
+      margin-bottom: 1em;
+    }
+  }
+}
+
+
+// Attribute Tables
+.attributes_table {
+  border-top: medium solid black;
+
+  th {
+    border-bottom: thin solid black;
+    vertical-align: top;
+
+    &:after {
+      content: ':';
+    }
+  }
+
+  td {
+    img {
+      max-height: 4in;
+      max-width: 6in;
+    }
+  }
+}
+
+// Sidebars
+#filters_sidebar_section {
+  display: none;
+}
+
+// Forms
+form {
+  fieldset {
+    border-top: thick solid #ccc;
+    padding-top: 2em;
+    margin-bottom: 2em;
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .buttons, abbr {
+    display: none;
+  }
+  ol {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+
+    li{
+      border-top: thin solid black;
+      margin: 0;
+      padding: 1em 0;
+      overflow: hidden;
+
+      &.password, &.hidden {
+        display: none;
+      }
+
+      label {
+        font-weight: bold;
+        float: left;
+        width: 20%;
+      }
+
+      input, textarea, select {
+        background: none;
+        border: 0;
+        font: Arial, Helvetica, sans-serif;
+      }
+
+      input[type=file] {
+        display: none;
+      }
+
+    }
+  }
+}
+
+}