Sidebar menu styles; minor style improvements

Author: Mattia Roccoberton

README.md

@@ -82,7 +82,7 @@ body.active_admin .cke {
 }
 ```
 
-## Custom fields
+## Custom fields / components
 
 ### Toggle
 
@@ -100,6 +100,26 @@ Standard checkbox with label on the left:
 
 `f.input :boolean, as: :blaze_toggle, input_html: { simple_checkbox: true }`
 
+### Sidebar menu
+
+A sidebar menu (*priority* option permit to put the sidebar above the filters):
+
+```rb
+  sidebar :help, priority: 0 do
+    ul class: 'blaze-menu' do
+      li do
+        link_to 'Menu item 1', admin_root_path
+      end
+      li do
+        link_to 'Menu item 2', admin_root_path
+      end
+      li do
+        link_to 'Menu item 3', admin_root_path
+      end
+    end
+  end
+```
+
 ## Blaze widgets
 
 See components avaible in Blaze CSS [docs](http://blazecss.com/components/buttons/).

app/assets/stylesheets/activeadmin_blaze_theme/theme.scss

@@ -19,6 +19,7 @@ $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;
@@ -246,6 +247,9 @@ body.active_admin {
             width: auto;
           }
         }
+        .input.error select {
+          border: 1px solid $color-validation-error;
+        }
       }
       > ol {
         padding: 0;
@@ -332,7 +336,10 @@ body.active_admin {
           padding: 10px 0 0 10px;
         }
         .inputs {
+          border-bottom: 1px solid #ccc;
+          border-radius: 0;
           margin: 0;
+          padding: 0 0 5px 0;
           // padding: $form-padding;
         }
         // .has_many_fields {
@@ -778,6 +785,22 @@ body.active_admin {
     position: relative;
   }
 
+  .blaze-menu {
+    @extend .c-card;
+    @extend .c-card--menu;
+    @extend .u-high;
+    li {
+      @extend .c-card__item;
+      a {
+        display: block;
+        text-decoration: none;
+      }
+    }
+  }
+  .sidebar_section .blaze-menu {
+    margin-bottom: 4px;
+  }
+
   // optional customizations
   .compact_titlebar {
     white-space: initial;

lib/activeadmin_blaze_theme/version.rb

@@ -1,3 +1,3 @@
 module ActiveAdminBlazeTheme
-  VERSION = '0.4.9'
+  VERSION = '0.5.0'
 end