activeadmin_materialize_theme 0.1.4 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0335e4467d41b420ae51d5f670bd8c112b2caf2a4f6b59d3e417c9802db976b8
-  data.tar.gz: 643e6978620b3f680118669d61bc25488e5f60b01475ef690c0268492eaf3fe7
+  metadata.gz: fce64de7eb2b8c730129907bda8be312baa28c994b2be4d22a260e48292e8ab2
+  data.tar.gz: d31961832640dc2853235e37c0b98ba0b370106e716c6624c62d83eb658232a4
 SHA512:
-  metadata.gz: 1b4d6a75e3967b1447be97167f0de47342cccb0ce707f8e94b99859c8c2fcaf641781fa69f30a52d5a8aba9e9a673069126290e58bbf437584cf26533c5084e0
-  data.tar.gz: c44687eae71031414fc9d0481a4f0d86f75c203402bbf0ccad29379b2c48317d4699ab7f25c278e58c76421f169d85146041339a4ace31689e41d1cb1429bb5d
+  metadata.gz: c2e37c6fdb1d1eb94629b359ca93b4df42f2fe1a64dc0bf8a6db8ce7aadb559372955ee9013f02def7a54e686c39e85487433a1030d89dd228960cf543aed5fe
+  data.tar.gz: 4533a14c2c4c1af5f5fe4bebe397d05256c68cfac9056db269e1554ce790d4c99af7a6e2dd71ceee2b1a753d54537af4d41713a8a676471246b0358454c1af40

data/README.md

@@ -18,8 +18,12 @@ A theme for Active Admin based on Materialize framework.
 //= require activeadmin_materialize_theme
 ```
 
-## Screenshot
-![form](extra/screenshot.png)
+## Screenshots
+Index page (with scopes and filters):
+![index_page](extra/screenshot.png)
+
+Edit page (with a nested form):
+![edit_page](extra/screenshot2.png)
 
 ## Do you like it? Star it!
 If you use this component just star it. A developer is more motivated to improve a project when there is some interest.

data/app/assets/javascripts/activeadmin_materialize_theme.js

@@ -46,11 +46,29 @@
     })
   }
 
+  function initNestedMenu() {
+    let nested_menu_cnt = 0
+    addClassToElements('dropdown-content', '.menu_item.has_nested >ul')
+    document.querySelectorAll('.menu_item.has_nested').forEach((el) => {
+      nested_menu_cnt += 1
+      el.childNodes.forEach((node) => {
+        if(node.tagName == 'A') {
+          node.className += ' dropdown-trigger'
+          node.setAttribute('data-target', `nested-menu-${nested_menu_cnt}`)
+        }
+        else if(node.tagName == 'UL') {
+          node.setAttribute('id', `nested-menu-${nested_menu_cnt}`)
+        }
+      })
+    })
+  }
+
   function setup() {
     addClassToElements('no-autoinit', 'body.active_admin #header >.tabs')
     initCheckboxes()
     initDropdowns()
     initFormFields()
+    initNestedMenu()
     M.AutoInit()
   }
 

data/app/assets/stylesheets/activeadmin_materialize_theme/base.scss

@@ -15,12 +15,14 @@ body.active_admin {
   }
 
   .dropdown_menu_button {
-    border: 1px solid #ccc;
-    padding: 0.5rem 0.6rem;
+    @extend .btn, .btn-small;
+
+    vertical-align: middle;
 
     &::after {
       content: ' ≡';
-      font-size: 2rem;
+      font-size: 1.8rem;
+      padding-left: 0.5rem;
     }
   }
 
@@ -57,6 +59,29 @@ body.active_admin {
     }
   }
 
+  .pagination {
+    background: transparent;
+    box-shadow: none;
+    color: #000;
+    height: auto;
+    line-height: initial;
+    margin-bottom: 1.5rem;
+    text-align: center;
+
+    a {
+      color: $link-color;
+    }
+
+    >span {
+      display: inline-block;
+      padding: 0.5rem;
+    }
+
+    >.current {
+      background: #eee;
+    }
+  }
+
   .sorted-asc::after {
     content: ' ↑';
   }
@@ -103,6 +128,12 @@ body.active_admin {
     &.without_sidebar #main_content_wrapper {
       @extend .col, .s12;
     }
+
+    >#sidebar {
+      @extend .col, .s3;
+
+      padding-left: 0 !important;
+    }
   }
 
   #dashboard_default_message {
@@ -111,6 +142,16 @@ body.active_admin {
     text-align: center;
   }
 
+  #main_content {
+    @extend .card;
+
+    margin-top: 0.75rem;
+
+    >.panel {
+      padding: 2rem !important;
+    }
+  }
+
   #wrapper {
     @extend .container;
 

data/app/assets/stylesheets/activeadmin_materialize_theme/components/form.scss

@@ -6,13 +6,12 @@ body.active_admin {
   }
 
   .formtastic {
-    padding: 1rem;
+    padding: 2rem;
 
     fieldset {
-      @extend .row;
-
       border: none;
       margin: 0;
+      padding: 0;
     }
 
     .actions ol, .inputs ol {
@@ -22,8 +21,7 @@ body.active_admin {
     }
 
     .actions {
-      margin-top: 1.4rem;
-      padding: 0;
+      margin: 3rem 0 0.5rem 0 !important;
 
       a {
         @extend .btn;
@@ -73,18 +71,12 @@ body.active_admin {
     }
 
     >.inputs {
-      @extend .card;
-
-      padding-bottom: 1rem;
-      padding-top: 3rem;
       position: relative;
+      margin-bottom: 3rem;
 
       >legend {
         display: block;
-        font-size: 1.8rem;
-        left: 1rem;
-        position: absolute;
-        top: 1rem;
+        font-size: 2.2rem;
       }
     }
 
@@ -111,10 +103,10 @@ body.active_admin {
     }
 
     .has_many_container {
-      @extend .card;
+      @extend .z-depth-1;
 
       margin: 1.4rem -0.7rem 0 -0.8rem;
-      padding: 1rem;
+      padding: 2rem;
       position: relative;
 
       >h3 {
@@ -132,8 +124,7 @@ body.active_admin {
       }
 
       >.inputs {
-        margin: 0;
-        padding: 0.8rem;
+        margin-bottom: 2rem;
       }
     }
   }

data/app/assets/stylesheets/activeadmin_materialize_theme/components/header.scss

@@ -12,6 +12,14 @@ body.active_admin .header {
     display: inline-block;
   }
 
+  .dropdown-content {
+    background: darken($header-bg-color, 10%);
+
+    a:hover {
+      background: darken($header-bg-color, 10%);
+    }
+  }
+
   #site_title {
     @extend .col, .s3;
 

data/app/assets/stylesheets/activeadmin_materialize_theme/components/layout_index.scss

@@ -25,8 +25,6 @@ body.active_admin.index {
   }
 
   .paginated_collection {
-    @extend .row;
-
     margin-bottom: 0;
   }
 
@@ -35,10 +33,38 @@ body.active_admin.index {
   }
 
   .table_tools {
-    @extend .row;
-
     >.batch_actions_selector {
-      @extend .col, .s12;
+      display: inline-block;
+      margin-bottom: 1rem;
+      margin-right: 2rem;
+    }
+
+    >.scopes {
+      border: 1px solid #ddd;
+      border-radius: 0.5rem;
+      display: inline-block;
+      vertical-align: middle;
+
+      >ul {
+        margin: 0;
+      }
+
+      .scope {
+        display: inline-block;
+        padding: 0.2rem 1rem;
+
+        &:first-child {
+          border-radius: 0.6rem 0 0 0.6rem;
+        }
+
+        &:last-child {
+          border-radius: 0 0.6rem 0.6rem 0;
+        }
+
+        &.selected {
+          background: #eee;
+        }
+      }
     }
   }
 
@@ -47,9 +73,7 @@ body.active_admin.index {
   }
 
   #index_footer {
-    @extend .col, .s12;
-
-    margin-top: 1rem;
+    margin-top: 1.5rem;
 
     .download_links {
       display: inline-block;
@@ -61,16 +85,6 @@ body.active_admin.index {
     }
   }
 
-  #main_content {
-    @extend .card;
-  }
-
-  #sidebar {
-    @extend .col, .s3;
-
-    padding-left: 0 !important;
-  }
-
   &.admin_comments {
     .paginated_collection {
       padding: 0 1.5rem 1.5rem 1.5rem;

data/app/assets/stylesheets/activeadmin_materialize_theme/components/layout_show.scss

@@ -1,11 +1,10 @@
 body.active_admin.show {
   .active_admin_comment {
     margin-top: 1rem;
+    padding: 0;
   }
 
   #main_content {
-    @extend .card;
-
     .attributes_table {
       tr >th {
         width: 30rem;

data/app/assets/stylesheets/activeadmin_materialize_theme/components/sidebar.scss

@@ -28,6 +28,8 @@ body.active_admin .sidebar {
   .sidebar_section {
     @extend .card;
 
+    margin-top: 0.75rem;
+
     >.panel_contents {
       @extend .card-content;
 

data/lib/activeadmin_materialize_theme/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveadminMaterializeTheme
-  VERSION = '0.1.4'
+  VERSION = '0.2.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_materialize_theme
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.2.0
 platform: ruby
 authors:
 - Mattia Roccoberton
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-09-10 00:00:00.000000000 Z
+date: 2020-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activeadmin