rails_admin_material 0.1.6 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 150e255d5b879942ead118593bcdb7e1a90db8d8
-  data.tar.gz: 2a6eecdd5b4c744bd4254785eae2165ccd2c22c9
+  metadata.gz: 3869267cd0f38e761d9d38d7074d7cf8f6a444b1
+  data.tar.gz: d10a993b3f12dec5ab0f044d452e1fcc3c955298
 SHA512:
-  metadata.gz: 2e2ef3cfc478d7f756f81b3e554795b43cdb2cf06846a4e04682477c80620dce1f2e1b691f01a7405b3319c407121de1893399b75fbde1246bdaf6e7086be1c4
-  data.tar.gz: a4b861b2e715b09b3e3144b5b72401ab64db8b261d4cb3b13ed40441e1ba044872af9aea446e27c5b28e27ffedbf472a98ff240fa2d5aa5f528228b084265643
+  metadata.gz: 72ce6bd50f4432b665640694aeb0c02f53b005c15b62c23a575080c0a05aadc0cb60048b39be9274e56ed9ffd73a4d390c3db4dabacdf6dc9db98a0c82a1eae5
+  data.tar.gz: 71dbe879f9f738c844b58413c01b1009a8342a17dfe8abedd9344cf43600457eefd565a10e8b77c14a727b71de3d1f04529304477df28dc54b81e8a3380448cd

data/README.md

@@ -1,10 +1,14 @@
 # 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
+A Material Design theme for [rails_admin](https://github.com/sferik/rails_admin).
 
-## Requirements
+Features:
 
-- rails_admin
+- better UI
+
+- improved nested forms styles
+
+- hide/show sidebar button
 
 ## Installation
 
@@ -16,7 +20,7 @@ A Material Design theme for rails_admin
 
 ## Customization
 
-To change theme colors edit *app/assets/stylesheets/rails_admin/custom/variables.scss*:
+To change theme colors add / edit *app/assets/stylesheets/rails_admin/custom/variables.scss*:
 
 ```sass
 // orange theme sample

data/lib/rails_admin_material/version.rb

@@ -1,3 +1,3 @@
 module RailsAdminMaterial
-  VERSION = "0.1.6"
+  VERSION = "0.1.8"
 end

data/vendor/assets/javascripts/rails_admin/themes/material/ui.js

@@ -1,6 +1,33 @@
 //= require rails_admin/themes/material/bootstrap-material-design/material
 //= require rails_admin/themes/material/bootstrap-material-design/ripples
 
+var classes_sidebar = false;
+var classes_content = false;
+
+function toggleMenu( e ) {
+  e.preventDefault();
+  if( classes_sidebar ) {
+    $('.sidebar-nav > .nav').animate( { width: 'toggle' }, 200 );
+    $('.sidebar-nav').attr( 'class', classes_sidebar )
+    $('.sidebar-nav ~ div').attr( 'class', classes_content );
+    classes_sidebar = false;
+    $('#btn-menu-wrapper > a').addClass( 'opened' );
+    $('#btn-menu-wrapper i').attr( 'class', 'icon-chevron-left' );
+  }
+  else {
+    $('.sidebar-nav > .nav').animate( { width: 'toggle' }, 200 );
+    classes_sidebar = $('.sidebar-nav').attr( 'class' );
+    classes_content = $('.sidebar-nav ~ div').attr( 'class' );
+    $('.sidebar-nav').attr( 'class', 'sidebar-nav' );
+    $('.sidebar-nav ~ div').attr( 'class', 'content-expanded' );
+    $('#btn-menu-wrapper > a').removeClass( 'opened' );
+    $('#btn-menu-wrapper i').attr( 'class', 'icon-chevron-right' );
+  }
+}
+
 $(document).on('rails_admin.dom_ready', function(){
   $.material.init();
+  if( !$('#btn-menu-wrapper').length ) {
+    $('.sidebar-nav').prepend( '<div id="btn-menu-wrapper"><a href="#" class="btn btn-info btn-xs opened" onclick="Javascript:toggleMenu(event)"><i class="icon-chevron-left"></i></a></div>' );
+  }
 });

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

@@ -9,6 +9,12 @@ body {
 .bootstrap-datetimepicker-widget {
   z-index: 999;
 }
+.panel {
+  border: 1px solid $fg-shadow;
+  .panel-title {
+    color: #fff;
+  }
+}
 
 // --- Header settings ----------------------------------------------------- //
 .navbar-header > .navbar-brand, .navbar-default .navbar-nav > li > a {
@@ -20,12 +26,12 @@ body {
 }
 
 // --- Sidebar settings ---------------------------------------------------- //
-.sidebar-nav {
-  .dropdown-header {
+.sidebar-nav .nav-pills li {
+  margin-top: 0;
+  &.dropdown-header {
     border-bottom: 1px solid $gray-light2;
-  }
-  .nav-pills li {
-    margin-top: 0;
+    font-size: 100%;
+    margin-bottom: $generic-space * 1.5;
   }
 }
 body.rails_admin .sidebar-nav {
@@ -67,12 +73,26 @@ body.rails_admin .sidebar-nav {
 }
 // inline filter form
 #filters_box {
+  > .form-search:first-child {
+    margin-top: $generic-space;;
+  }
+  > .form-search {
+    margin-bottom: $generic-space;;
+  }
   .label > a {
     color: #fff;
   }
+  .label {
+    vertical-align: baseline;
+  }
   select.form-control {
     border: 1px solid $gray-light2;
   }
+  input, select {
+    vertical-align: baseline;
+    vertical-align: -moz-middle-with-baseline;
+    vertical-align: -webkit-baseline-middle;
+  }
 }
 // compact forms
 .form-group {
@@ -206,8 +226,9 @@ body.rails_admin .sidebar-nav {
     display: table;
   }
 }
-.nav-tabs li.active i, .nav-tabs li.active span {
-  color: $fg-nav-tabs-active;
+.nav-tabs li.active {
+  background-color: $bg-nav-tabs-active;
+  border-bottom: 1px solid $fg-shadow;
 }
 #fields_to_export > .form-group.control-group {
   margin-bottom: $generic-space * 5;
@@ -217,3 +238,20 @@ body.rails_admin .sidebar-nav {
     text-align: center;
   }
 }
+#btn-menu-wrapper {
+  padding: 0 3px 10px 3px;
+  position: relative;
+  z-index: 999;
+  > a {
+    padding-left: 10px;
+    padding-right: 10px;
+    &.opened {
+      position: absolute;
+      right: 5px;
+    }
+  }
+}
+.content-expanded {
+  padding-left: 60px;
+  padding-right: 15px;
+}

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

@@ -14,11 +14,14 @@ $admin-font: 'Roboto', sans-serif;
 // colors
 $gray-light2: lighten($gray-base, 80%) !default;
 // $gray-lighter2: lighten($gray-base, 96%) !default;
+
 $bg-nested-tab: transparent;  // #f8f8f8;
 $bg-sidebar-nav: #f0f0f0;
+$bg-nav-tabs-active: lighten($brand-primary, 15%) !default;
+
 $fg-navbar-brand: #fff;
-$fg-nav-tabs-active: #fb1 !default;
 $fg-help-block: #999;
+$fg-shadow: #ddd;
 
 // spacing
 $generic-space: 5px;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rails_admin_material
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.8
 platform: ruby
 authors:
 - Mattia Roccoberton
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-02-01 00:00:00.000000000 Z
+date: 2017-02-05 00:00:00.000000000 Z
 dependencies: []
 description: A Material Design theme for rails_admin
 email: