activeadmin_blaze_theme 0.2.0 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fc7aee2eeb76864ffe690c64e5ebb35467c45bd7
-  data.tar.gz: ae25d8209466f127c2c45ad849f5f85e152fdf2d
+  metadata.gz: 8de268e234775dd6ec714336cdfcfa3099977b51
+  data.tar.gz: 709120d8309e679ea00eb6f9442ac9853efcf7f1
 SHA512:
-  metadata.gz: 7e1f97d0db8ccc77f517f169346db5f0e01498ac47cf8eb83703d152398ef2a44b9a14b18754bd8a8f29a9de35a0a95cb4625424377138a7f001f0225772604e
-  data.tar.gz: 7579babf1e7397f7b3ad3f61e7c42e2d7a9a542773d2bd784e80a63885ea4a811eaca98bd8e936164e21c23b7b2fb8406b6680e629d7baf00eac09800c56fb27
+  metadata.gz: b4fe541aafdf5014663e453658b560ed3dc493ca62f53ecb1a029822f4b069501f4e21a67fcbca4b6fd761f6db389f555b139570dc7c698769b8996ffd1c9276
+  data.tar.gz: 675c8ea900807a83b0a7d504ea9507085a5ab8b510b8692891478086667ff3d290b89f00680803333cd689b0e345d5899290e8a029e0ea62e43220e41e215ee1

data/README.md

@@ -5,10 +5,10 @@ A theme for Active Admin using [Blaze CSS](http://blazecss.com/)
 Features:
 
 - clean UI
-- customizable
-- compact edit form
-- some custom fields: toggle
-- Blaze CSS widgets available
+- compact nested forms
+- [customizable](#customize)
+- custom boolean input: [toggle](#toggle)
+- Blaze CSS [widgets](#blaze-widgets)
 
 ## Install
 
@@ -43,8 +43,10 @@ $bg-header: $color-brand;          // bg header bar
 $bg-inputs: #fff;                  // bg forms inputs
 $bg-menu-active: #7b929e;          // bg menu item current / hover
 $fg-box-title: #fff;
-$fg-link2: #eee;
+$fg-button-link: #fff;
+$fg-menu-items: #f8f8f8;
 $fg-table-borders: #e4e4e4;
+$fg-table-link: #eee;
 /* other variables */
 $form-padding: 10px;
 $inputs-spacing: 10px;
@@ -66,13 +68,37 @@ To change toggle color:
 
 Available: `c-toggle--brand, c-toggle--info, c-toggle--warning, c-toggle--success, c-toggle--error`
 
+## Blaze widgets
+
+See components avaible in Blaze CSS [docs](http://blazecss.com/components/buttons/).
+
+Badge example:
+
+```ruby
+f.input :price, label: raw( 'Price <span class="c-badge c-badge--warning" style="position: relative; top: -5px">in $</span>' )
+```
+
+Button example:
+
+```ruby
+a 'clear form', href: '#', class: 'c-button c-button--error', onclick: 'event.preventDefault();document.forms[0].reset();'
+```
+
+Progress bar example:
+
+```ruby
+div class: 'c-progress' do
+  div class: 'c-progress__bar c-progress__bar--success', style: "width: #{f.object.a_field}%;"
+end
+```
+
 ## Screenshots
 
 Index:
 
 ![index](screenshot1.jpg)
 
-Edit:
+Edit (with `$form-padding: 2px;`):
 
 ![edit](screenshot2.jpg)
 

data/activeadmin_blaze_theme.gemspec

@@ -18,5 +18,5 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
-  spec.add_runtime_dependency 'activeadmin'
+  spec.add_runtime_dependency 'activeadmin', '~> 1.0'
 end

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

@@ -11,9 +11,10 @@ $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
 $fg-box-title: #fff !default;
+$fg-button-link: #fff !default;
 $fg-menu-items: #f8f8f8 !default;
-$fg-link2: #eee !default;
 $fg-table-borders: #e4e4e4 !default;
+$fg-table-link: #eee !default;
 
 // other variables
 $form-padding: 10px !default;
@@ -211,11 +212,12 @@ body.active_admin {
         }
       }
     }
-    > fieldset.inputs {
+    > fieldset.inputs, .ui-tabs-panel > fieldset.inputs {
       > legend {
         @extend .c-card__item;
         @extend .c-card__item--brand;
         border-radius: 5px 5px 0 0;
+        box-shadow: 0 0 1px rgba(17, 17, 17, 0.6), 0 5px 10px -3px rgba(17, 17, 17, 0.4);
         color: $fg-box-title;
         padding: 8px 11px;
         text-shadow: $text-shadow 0 1px 0;
@@ -269,6 +271,18 @@ body.active_admin {
         margin-right: 10px;
       }
     }
+
+    // tabs
+    .ui-tabs > .tab-content {
+      padding-bottom: 0;
+      padding-top: 25px;
+    }
+
+    // misc
+    a.c-button {
+      color: $fg-button-link;
+      text-decoration: none;
+    }
   }
 
   // header
@@ -338,6 +352,12 @@ body.active_admin {
       margin-right: 2px;
       padding: 0;
     }
+    .prev {
+      margin-right: 16px;
+    }
+    .next {
+      margin-left: 14px;
+    }
     .page {
       @extend .c-pagination__page;
       display: inline-block;
@@ -430,7 +450,7 @@ body.active_admin {
       @extend .button-base;
       margin-right: 10px;
       span {
-        color: $fg-link2;
+        color: $fg-table-link;
       }
     }
     a:hover,

data/lib/activeadmin_blaze_theme/version.rb

@@ -1,3 +1,3 @@
 module ActiveAdminBlazeTheme
-  VERSION = "0.2.0"
+  VERSION = "0.2.2"
 end

data/lib/activeadmin_blaze_theme.rb

@@ -1,5 +1,6 @@
 require 'activeadmin_blaze_theme/version'
 
+# require 'formtastic/inputs/blaze_array_input'
 require 'formtastic/inputs/blaze_toggle_input'
 
 module ActiveAdminBlazeTheme

metadata

@@ -1,29 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_blaze_theme
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.2
 platform: ruby
 authors:
 - Mattia Roccoberton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-20 00:00:00.000000000 Z
+date: 2017-05-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activeadmin
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.0'
 description: An ActiveAdmin theme which use Blaze CSS UI toolkit
 email:
 - mat@blocknot.es