responsive_active_admin 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1d32e6e938bb78d3dc14ab5704b1f9c77bcf9d2a
+  data.tar.gz: a1b291c0bbeeeb9f8d65233b4a0a6ba2b6c56552
+SHA512:
+  metadata.gz: bfcd3aab7a3e976c77a37692f13af3533b14d4095888b7e9a7d1c38f011669a35b1cca7c358c688b371cc3e7fa2257ff98ee0cb4addc3b7af819579c6150eefb
+  data.tar.gz: 244e794b2fa11d941925c61048f7a61ddb4e39733555ea0936b1daf10c143eb1c46491512db9f390c3fe170a2849dc7bed58752ba5b3abe5fb2211e00f77d45a

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,13 @@
+Responsive ActiveAdmin
+======================
+
+Responsive design for ActiveAdmin.
+
+Installation
+------------
+
+In `app/assets/stylesheets/active_admin.css.scss`
+
+    @import "responsive_active_admin"
+
+Released under the MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,17 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'ResponsiveActiveAdmin'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+Bundler::GemHelper.install_tasks

data/app/assets/stylesheets/responsive_active_admin/_blank_slates.css.scss

@@ -0,0 +1,5 @@
+.with_sidebar .blank_slate_container .blank_slate {
+  @include responsive {
+    margin-top: 20px;
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_columns.css.scss

@@ -0,0 +1,7 @@
+@include responsive {
+ .column {
+    float: none;
+    // Since columns are sized on the element, we have to be forceful.
+    width: 100% !important;
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_footer.scss

@@ -0,0 +1,6 @@
+// Index Footer (Under Table)
+#index_footer {
+  @include responsive {
+    text-align: left;
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_forms.css.scss

@@ -0,0 +1,49 @@
+form {
+  fieldset {
+    ol > li {
+      label {
+        @include responsive {
+          width: 100%;
+        }
+      }
+    }
+  }
+
+  /* Nested Fieldsets and Legends */
+  fieldset > ol > li {
+    fieldset {
+      legend {
+        @include responsive {
+          position: static;
+          width:    100%;
+        }
+
+        &.label label {
+          @include responsive {
+            position: static;
+            float:    none;
+          }
+        }
+      }
+
+      &:not(.has_many_fields) ol {
+        @include responsive {
+          width: 80%;
+        }
+      }
+    }
+  }
+
+  /* Text Fields */
+  input[type=text], input[type=password], input[type=email], input[type=number], input[type=url], input[type=tel], textarea {
+    @include responsive {
+      width: calc(100% - #{$text-input-total-padding});
+    }
+  }
+
+  select {
+    @include responsive {
+      width: 100%;
+    }
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_header.css.scss

@@ -0,0 +1,34 @@
+#header {
+  @include responsive {
+    box-sizing: border-box;
+
+    display: block;
+    height:  auto;
+
+    padding: 10px 22px;
+  }
+
+  ul.tabs {
+    @include responsive {
+      display: block;
+    }
+
+    & > li {
+      @include responsive {
+        display: block;
+      }
+    }
+  }
+
+  #utility_nav {
+    @include responsive {
+      text-align: left;
+    }
+
+    li {
+      @include responsive {
+        display: block;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_logged_out.css.scss

@@ -0,0 +1,39 @@
+body.logged_out {
+  #content_wrapper{
+    @include responsive {
+      width:  auto;
+      margin: 0;
+    }
+  }
+
+  h2 {
+    @include section-header;
+    @include primary-gradient;
+    @include text-shadow(#000);
+    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+    border: none;
+    color: #fff;
+    margin: -13px -30px 20px -30px;
+  }
+
+  #login {
+    /* Login Form */
+    form {
+      fieldset {
+        @include no-shadow;
+        background: none;
+        padding: 0;
+        li { padding: 10px 0; }
+
+        input[type=text], input[type=email], input[type=password] {
+          width: 70%;
+        }
+        &.buttons { margin-left: 20%; }
+        margin-bottom: 0;
+      }
+    }
+
+    a { float: right; margin-top: -32px; }
+  }
+
+}

data/app/assets/stylesheets/responsive_active_admin/_main_structure.scss

@@ -0,0 +1,27 @@
+.index #wrapper {
+  @include responsive {
+    display: block;
+  }
+}
+
+#active_admin_content {
+  #main_content_wrapper {
+    @include responsive {
+      float: none;
+
+      #main_content {
+        margin-right: inherit;
+      }
+    }
+  }
+
+  #sidebar {
+    @include responsive {
+      float: none;
+      width: 100%;
+
+      margin-top:  20px;
+      margin-left: inherit;
+    }
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_pagination.css.scss

@@ -0,0 +1,11 @@
+.pagination_information {
+  @include responsive {
+    float: none;
+  }
+}
+
+.download_links {
+  @include responsive {
+    float: none;
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_responsive.css.scss

@@ -0,0 +1,9 @@
+$active-admin-responsive: true !default;
+$active-admin-responsive-width: 480px !default;
+$active-admin-flip-table: true !default;
+
+@mixin responsive {
+  @media only screen and (max-width: $active-admin-responsive-width) {
+    @content;
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_tables.css.scss

@@ -0,0 +1,74 @@
+// Index Tables
+table.index_table {
+  @if $active-admin-flip-table {
+    // Based around: http://elvery.net/demo/responsive-tables/#flip-scroll
+    @include responsive {
+      display: block;
+      position: relative;
+
+      th, td {
+        margin: 0;
+        vertical-align: top;
+
+        border-left: 0;
+        border-top:  solid 1px #e6e6e6;
+
+        height:  1.5em;
+        padding: 5px 10px 3px 10px;
+      }
+
+      th {
+        display: block;
+        text-align: right;
+
+        & > * {
+          text-overflow: ellipsis;
+          overflow:      hidden;
+        }
+      }
+
+      td {
+        display: block;
+
+        text-align: left;
+        border-right: 0;
+      }
+
+      thead {
+        display: block;
+        float: left;
+
+        max-width: 40%;
+
+        tr {
+          display: block;
+        }
+      }
+
+      tbody {
+        display: block;
+
+        width: auto;
+        position: relative;
+
+        overflow-x: auto;
+        overflow-y: hidden;
+
+        white-space: nowrap;
+
+        font-size: 0; /* remove space between rows */
+
+        tr {
+          font-size: 11.5px;
+
+          display:        inline-block;
+          vertical-align: top;
+        }
+      }
+
+      th:last-child, td:last-child {
+        border-bottom: 1px solid #d4d4d4;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/responsive_active_admin/_title_bar.scss

@@ -0,0 +1,14 @@
+#title_bar {
+  #titlebar_left, #titlebar_right {
+    @include responsive {
+      display: block;
+    }
+  }
+
+  #titlebar_right {
+    @include responsive {
+      text-align: left;
+      margin-top: 10px;
+    }
+  }
+}

data/app/assets/stylesheets/responsive_active_admin.css.scss

@@ -0,0 +1,11 @@
+@import "responsive_active_admin/responsive";
+@import "responsive_active_admin/blank_slates";
+@import "responsive_active_admin/columns";
+@import "responsive_active_admin/footer";
+@import "responsive_active_admin/forms";
+@import "responsive_active_admin/header";
+@import "responsive_active_admin/main_structure";
+@import "responsive_active_admin/pagination";
+@import "responsive_active_admin/tables";
+@import "responsive_active_admin/title_bar";
+@import "responsive_active_admin/logged_out";

data/app/views/layouts/active_admin_logged_out.html.erb

@@ -0,0 +1,40 @@
+<%# NB: This is a copy of ActiveAdmin's layout, but with the meta viewport tag included %>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+
+  <title><%= [@page_title, render_or_call_method_or_proc_on(self, ActiveAdmin.application.site_title)].compact.join(" | ") %></title>
+
+  <% ActiveAdmin.application.stylesheets.each do |style, options| %>
+    <%= stylesheet_link_tag style, options %>
+  <% end %>
+  <% ActiveAdmin.application.javascripts.each do |path| %>
+    <%= javascript_include_tag path %>
+  <% end %>
+
+  <%= favicon_link_tag ActiveAdmin.application.favicon if ActiveAdmin.application.favicon %>
+
+  <%= csrf_meta_tag %>
+
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
+</head>
+<body class="active_admin logged_out <%= controller.action_name %>">
+<div id="wrapper">
+
+  <div id="content_wrapper">
+    <% if active_admin_flash_messages.any? %>
+      <% active_admin_flash_messages.each do |type, message| %>
+        <%= content_tag :div, message, :class => "flash flash_#{type}" %>
+      <% end %>
+    <% end %>
+    <div id="active_admin_content">
+      <%= yield %>
+    </div>
+  </div>
+  <div id="footer">
+    <%= yield :footer %>
+  </div>
+</div>
+</body>
+</html>

data/lib/responsive_active_admin/active_admin/views/pages/base.rb

@@ -0,0 +1,16 @@
+module ActiveAdmin
+  module Views
+    module Pages
+      class Base < Arbre::HTML::Document
+        alias_method :_build_active_admin_head, :build_active_admin_head
+        def build_active_admin_head
+          _build_active_admin_head
+
+          within @head do
+            meta name: 'viewport', content: 'width=device-width, initial-scale=1'
+          end
+        end
+      end
+    end
+  end
+end

data/lib/responsive_active_admin/engine.rb

@@ -0,0 +1,6 @@
+module ResponsiveActiveAdmin
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/responsive_active_admin/version.rb

@@ -0,0 +1,3 @@
+module ResponsiveActiveAdmin
+  VERSION = "0.0.1"
+end

data/lib/responsive_active_admin.rb

@@ -0,0 +1,5 @@
+require 'responsive_active_admin/engine'
+require 'responsive_active_admin/active_admin/views/pages/base'
+
+module ResponsiveActiveAdmin
+end

metadata

@@ -0,0 +1,78 @@
+--- !ruby/object:Gem::Specification
+name: responsive_active_admin
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Hayden Ball
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-06-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: activeadmin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Responsive styles for ActiveAdmin
+email:
+- hayden@haydenball.me.uk
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/stylesheets/responsive_active_admin.css.scss
+- app/assets/stylesheets/responsive_active_admin/_blank_slates.css.scss
+- app/assets/stylesheets/responsive_active_admin/_columns.css.scss
+- app/assets/stylesheets/responsive_active_admin/_footer.scss
+- app/assets/stylesheets/responsive_active_admin/_forms.css.scss
+- app/assets/stylesheets/responsive_active_admin/_header.css.scss
+- app/assets/stylesheets/responsive_active_admin/_logged_out.css.scss
+- app/assets/stylesheets/responsive_active_admin/_main_structure.scss
+- app/assets/stylesheets/responsive_active_admin/_pagination.css.scss
+- app/assets/stylesheets/responsive_active_admin/_responsive.css.scss
+- app/assets/stylesheets/responsive_active_admin/_tables.css.scss
+- app/assets/stylesheets/responsive_active_admin/_title_bar.scss
+- app/views/layouts/active_admin_logged_out.html.erb
+- lib/responsive_active_admin.rb
+- lib/responsive_active_admin/active_admin/views/pages/base.rb
+- lib/responsive_active_admin/engine.rb
+- lib/responsive_active_admin/version.rb
+homepage: http://github.com/ball-hayden/responsive_active_admin
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Responsive styles for ActiveAdmin
+test_files: []