rails_admin_material 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 351331bcc877ad66187498d6615ca6997bf13543
-  data.tar.gz: 2f128103f0e008bee43232e93cf351aa408b41bd
+  metadata.gz: 31111050272562f4ebda11e4e1dca31394e6f4dd
+  data.tar.gz: a8cb1d2b2fe100feb8f418edf53703dfd2675c08
 SHA512:
-  metadata.gz: 8c177480df52e9b679e4701da0c3183212f60ae19893dfdcfa989cd12a73561888d191dab291991f4e8355857ee316fa773f323588d551b62a8d759d18d863c8
-  data.tar.gz: a4cc1068fdf818d509b45f27326b71a967f22cec48eae458be5ee0c71bcf15c420a1016749470efb196e1f21fe3be80176c0e47a9ea1d9c52cb03d587c4c79da
+  metadata.gz: 4b6b22199159c605e70c72148943b7e7fdc11e8068d2e551ee0a98b30f0d9cfa5b8bbbacc365d09b83a2121beb132e1a8bbd157e53590fb3bd43c2600161a980
+  data.tar.gz: e26b895a967d546e71db3a0bb80f909ca1c388a0cd223e25db44b13ef891775b39f718769b1575e1f36a0c7b59ee9e72e7cd3b869d395357ffdaa1167c4d02ff

data/README.md

@@ -1,4 +1,4 @@
-# RailsAdminMaterial theme
+# RailsAdminMaterial theme [![Gem Version](https://badge.fury.io/rb/rails_admin_material.svg)](https://badge.fury.io/rb/rails_admin_material)
 
 A Material Design theme for rails_admin
 
@@ -8,18 +8,49 @@ A Material Design theme for rails_admin
 
 ## Installation
 
-- Add the gem to Gemfile: `gem 'rails_admin_material'`
+- Add the gem to Gemfile (and execute *bundle*): `gem 'rails_admin_material'`
 
-- Execute: `bundle`
+- Enable the theme in *config/application.rb* (just after *Bundler.require* line): `ENV['RAILS_ADMIN_THEME'] = 'material'`
 
-- Enable the theme in *config/application.rb*: `ENV['RAILS_ADMIN_THEME'] = 'material'`
+- Edit or create *app/assets/javascripts/rails_admin/custom/ui.js* and add: `//= require rails_admin/themes/material/ui.js`
 
-- Edit or create `app/assets/javascripts/rails_admin/custom/ui.js` and add: `//= require rails_admin/themes/material/ui.js`
+## Customization
+
+To change theme colors edit *app/assets/stylesheets/rails_admin/custom/variables.scss*:
+
+```sass
+/// orange theme sample
+$brand-primary: #d51;
+$brand-info: #ea2;
+$link-color: #800;
+$nav-pills-active-link-hover-bg: #d51;
+$btn-primary-bg: #d51;
+$btn-primary-border: #da0;
+$btn-info-bg: #fa4;
+$btn-info-border: #da0;
+```
 
 ## Preview
 
 ![preview](preview.jpg)
 
+![preview2](preview2.jpg)
+
+## Troubleshooting
+
+- If the styles are not applied try to clean the Rails pipeline cache:
+
+```sh
+rake tmp:clear
+rake assets:precompile
+```
+
+## Notes
+
+- Tested on rails 5.0.1 with rails_admin 1.1.1
+
+- Based on [Material Design for Bootstrap](http://fezvrasta.github.io/bootstrap-material-design/)
+
 ## Contributors
 
 - [Mattia Roccoberton](http://blocknot.es) - creator, maintainer

data/lib/rails_admin_material/version.rb

@@ -1,3 +1,3 @@
 module RailsAdminMaterial
-  VERSION = "0.1.0"
+  VERSION = "0.1.2"
 end

data/vendor/assets/stylesheets/rails_admin/themes/material/theming.scss

@@ -6,6 +6,9 @@
 body {
   font-family: $admin-font;
 }
+.bootstrap-datetimepicker-widget {
+  z-index: 999;
+}
 
 // --- Header settings ----------------------------------------------------- //
 .navbar-header > .navbar-brand, .navbar-default .navbar-nav > li > a {
@@ -18,7 +21,6 @@ body {
 
 // --- Sidebar settings ---------------------------------------------------- //
 .sidebar-nav {
-  margin-top: $generic-space * 2;
   .dropdown-header {
     border-bottom: 1px solid $gray-light2;
   }
@@ -26,6 +28,10 @@ body {
     margin-top: 0;
   }
 }
+body.rails_admin .sidebar-nav {
+  background-color: $bg-sidebar-nav;
+  margin-top: $generic-space * 2;
+}
 
 // --- Content settings ---------------------------------------------------- //
 .content {
@@ -41,6 +47,7 @@ body {
 // --- Form settings ------------------------------------------------------- //
 // Inline filter / search forms
 .pjax-form.form-inline .well {
+  box-shadow: 0 1px 4px $gray-light;
   padding-top: $generic-space * 2.5;
   padding-bottom: $generic-space;
   span a.btn {
@@ -52,11 +59,11 @@ body {
   }
 }
 // compact forms
-.form-horizontal .form-group {
+.form-group {
   margin-top: $generic-space * 2;
   // nested tabs
   .tab-content {
-    background-color: $well-bg;
+    background-color: $bg-nested-tab;
     border-top: 1px dashed $gray-light2;
     border-bottom: 1px dashed $gray-light2;
   }
@@ -65,10 +72,16 @@ body {
     margin-bottom: 0;
   }
   .checkbox label {
+    padding-left: 10px;
     text-align: left;
   }
-  .control-label {
-    margin-top: $generic-space;
+  .checkbox label, .radio label, label {
+    color: $gray-light;
+  }
+  label.control-label {
+    line-height: 2;
+    margin-top: 0;
+    // margin-top: $generic-space;
   }
   .controls .btn {
     margin-top: $generic-space;
@@ -79,10 +92,20 @@ body {
   .form-control.ra-multiselect-collection, .form-control.ra-multiselect-selection {
     @include gray-input-border();
   }
+  .form-control-static {
+    margin-left: $generic-space * 2.5;
+  }
+  .help-block {
+    margin-left: $generic-space * 2.5;
+    font-style: italic;
+  }
+  .input-group.filtering-select > .input-group-btn {
+    padding: 0 4px;
+  }
   .input-group.filtering-select ~ .help-block {
     top: -$generic-space * 2;
   }
-  &.belongs_to_association_type > .control-label {
+  .well ~ .controls {
     margin-top: $generic-space * 2;
   }
   &.boolean_type .checkbox > label {
@@ -122,3 +145,18 @@ body {
     }
   }
 }
+// fix missing font characters for true / false
+.boolean_type > .label {
+  font-family: sans-serif;
+}
+.form-inline .form-control {
+  vertical-align: initial;
+}
+
+// --- Misc settings ------------------------------------------------------- //
+.has_many_association_type .help-block {
+  top: -$generic-space * 3;
+}
+#filters_box a {
+  color: #fff;
+}

data/vendor/assets/stylesheets/rails_admin/themes/material/variables.scss

@@ -1,15 +1,3 @@
-/// orange theme sample
-// $brand-primary: #d51;
-// $brand-info: #ea2;
-// $link-color: #800;
-// $nav-pills-active-link-hover-bg: #d51;
-// $btn-primary-bg: #d51;
-// $btn-primary-border: #da0;
-// $btn-info-bg: #fa4;
-// $btn-info-border: #da0;
-
-// ------------------------------------------------------------------------- //
-
 // font import
 @import url('https://fonts.googleapis.com/css?family=Roboto');
 
@@ -26,6 +14,8 @@ $admin-font: 'Roboto', sans-serif;
 // colors
 $gray-light2: lighten($gray-base, 80%) !default;
 // $gray-lighter2: lighten($gray-base, 96%) !default;
+$bg-nested-tab: #f8f8f8;
+$bg-sidebar-nav: #f0f0f0;
 $fg-navbar-brand: #fff;
 
 // spacing

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails_admin_material
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Mattia Roccoberton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-28 00:00:00.000000000 Z
+date: 2017-01-30 00:00:00.000000000 Z
 dependencies: []
 description: A Material Design theme for rails_admin
 email:
@@ -91,7 +91,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: RailsAdminMaterial theme