activeadmin_blaze_theme 0.1.2 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b2a8a495fb4989856f439559768701f89fa820fa
-  data.tar.gz: 44b3b4d563d0628e3423cc3a3f233301ed305853
+  metadata.gz: 810bd65be21fbd004ce9cc6b65eb4a25572cc597
+  data.tar.gz: efb109fdd458416013802f8d5ffb70fd3df36f8d
 SHA512:
-  metadata.gz: 836e5e3abf3a453ce8642b59f46204610d9c53fb08a3e832195157c187fd79b7939d45a6284ac6d77a7d85b2e918bbc8cad7829abd8f84e9bbf88f697bcd1144
-  data.tar.gz: 791d4ff8840d8fae437c445f004a8491d199a7f31b9651418de7e17b31020d1c92c9571fd0bd8e5862500ed6e06cb42b5af0f284ec814f2b05e4e9087b6ce580
+  metadata.gz: f18f1c6d081b84bff0ea9dcff830376e2d83917574e2a14a7d9bce3fa74599864ccd4b167b30c4b00ef5bb34f0b65808feea51a691884cfadf59b537a953159b
+  data.tar.gz: 9e728be28e09cff5dbe1e1523a6e2a552c29af06b5ffd28ca6cf33da53f0ac3cfbdba52abebaddcdd43201c8d2f9f6dfa5abba5d56e27e022eda93c8d2ec8d6e

data/README.md

@@ -36,11 +36,17 @@ $bg-form1: #f4f4f4;
 $bg-form2: darken($bg-form1, 3%);
 $bg-form3: darken($bg-form1, 6%);
 $bg-form4: darken($bg-form1, 9%);
+$bg-form-sub-headings: #d4d4d4;
 $bg-header: $color-brand;
 $bg-inputs: #fff;
 $fg-box-title: #fff;
 $fg-link2: #eee;
 $fg-table-borders: #e4e4e4;
+/* other variables */
+$form-padding: 10px;
+$inputs-spacing: 10px;
+$height-inputs: 28px;
+$text-shadow: #000;
 ```
 
 ## Screenshots

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

@@ -6,6 +6,7 @@ $bg-form1: #f4f4f4 !default;
 $bg-form2: darken($bg-form1, 3%) !default;
 $bg-form3: darken($bg-form1, 6%) !default;
 $bg-form4: darken($bg-form1, 9%) !default;
+$bg-form-sub-headings: #d4d4d4 !default;
 $bg-header: $color-brand !default;
 $bg-inputs: #fff !default;
 $fg-box-title: #fff !default;
@@ -13,6 +14,8 @@ $fg-link2: #eee !default;
 $fg-table-borders: #e4e4e4 !default;
 
 // other variables
+$form-padding: 10px !default;
+$inputs-spacing: 10px !default;
 $height-inputs: 28px !default;
 $text-shadow: #000 !default;
 
@@ -93,9 +96,8 @@ body.active_admin {
         display: inline-block;
       }
       &.inputs {
-        @extend .c-card;
-        @extend .u-high;
-        background-color: $bg-form1;
+        background-color: transparent;
+        box-shadow: none;
         padding: 0;
         input[type='number'],
         input[type='text'],
@@ -110,32 +112,6 @@ body.active_admin {
         label {
           line-height: $height-inputs;
         }
-        > ol > .has_many_container > fieldset.inputs {
-          background-color: $bg-form2;
-          > ol > .has_many_container > fieldset.inputs {
-            background-color: $bg-form3;
-            > ol > .has_many_container > fieldset.inputs {
-              background-color: $bg-form4;
-            }
-          }
-        }
-        > legend {
-          @extend .c-card__item;
-          @extend .c-card__item--brand;
-          color: $fg-box-title;
-          padding: 8px 11px;
-          text-shadow: $text-shadow 0 1px 0;
-          > span {
-            background-color: transparent;
-            background-image: none;
-            border: 0 none;
-            box-shadow: initial;
-            color: inherit;
-            margin: 0;
-            padding: 0;
-            text-shadow: inherit;
-          }
-        }
         // .boolean > label {  // not working
         //   @extend .c-field;
         //   @extend .c-field--choice;
@@ -164,22 +140,76 @@ body.active_admin {
             width: auto;
           }
         }
-        .fragments {
-          margin-left: 10px;
-          .fragments-group {
-            margin-left: 2px;
+      }
+      > ol {
+        padding: 0;
+        > li {
+          padding: 0 0 $inputs-spacing 0;
+          &.boolean label {
+            float: none;
+          }
+          &.has_many_container {
+            padding: $form-padding;
+            .has_many_fields {
+              margin: 0;
+            }
           }
         }
       }
-      ol {
-        padding: 1px;
-        > li {
-          padding: 1px;
-          > label {
-            margin-left: 10px;
+    }
+    > fieldset.inputs {
+      > legend {
+        @extend .c-card__item;
+        @extend .c-card__item--brand;
+        border-radius: 5px 5px 0 0;
+        color: $fg-box-title;
+        padding: 8px 11px;
+        text-shadow: $text-shadow 0 1px 0;
+        > span {
+          background-color: transparent;
+          background-image: none;
+          border: 0 none;
+          box-shadow: initial;
+          color: inherit;
+          margin: 0;
+          padding: 0;
+          text-shadow: inherit;
+        }
+      }
+      > ol {
+        @extend .c-card;
+        @extend .u-high;
+        background-color: $bg-form1;
+        border-radius: 0 0 5px 5px;
+        padding: $form-padding;
+        > .has_many_container {
+          background-color: $bg-form2;
+          > fieldset > ol > .has_many_container {
+            background-color: $bg-form3;
+            > fieldset > ol > .has_many_container {
+              background-color: $bg-form4;
+            }
           }
         }
       }
+      .has_many_container {
+        @extend .c-card;
+        @extend .u-high;
+        padding: 0;
+        h3 {
+          @extend .c-card__item;
+          // @extend .c-card__item--info;
+          background: $bg-form-sub-headings;
+          margin-bottom: 0;
+        }
+        .inputs {
+          padding: $form-padding;
+        }
+        > .button {
+          margin-left: $form-padding;
+          margin-bottom: $form-padding;
+        }
+      }
     }
   }
 

data/lib/activeadmin_blaze_theme/version.rb

@@ -1,3 +1,3 @@
 module ActiveAdminBlazeTheme
-  VERSION = "0.1.2"
+  VERSION = "0.1.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_blaze_theme
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.4
 platform: ruby
 authors:
 - Mattia Roccoberton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-15 00:00:00.000000000 Z
+date: 2017-05-17 00:00:00.000000000 Z
 dependencies: []
 description: An ActiveAdmin theme which use Blaze CSS toolkit
 email: