arctic_admin 1.0.1 → 1.0.2

data/app/assets/stylesheets/layouts/_main_content.scss

@@ -0,0 +1,21 @@
+#main_content_wrapper {
+  float: left;
+  width: 100%;
+
+  @include clear-fix();
+}
+
+#active_admin_content.with_sidebar #main_content_wrapper {
+  width: 100%;
+
+  #main_content {
+    margin-right: 20px;
+  }
+}
+
+#main_content {
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 3px;
+  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
+}

data/app/assets/stylesheets/layouts/_sidebar.scss

@@ -0,0 +1,60 @@
+#sidebar {
+  width: $sidebar-width;
+  background-color: #fff;
+  border-radius: 3px;
+  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
+  margin-bottom: 30px;
+
+  .sidebar_section {
+    padding: 15px 20px;
+
+    h3 {
+      margin: 0 0 10px 0;
+    }
+
+    .label {
+      display: block;
+      text-align: left;
+    }
+
+    .input {
+      margin-bottom: 15px;
+
+      input, select {
+        height: 30px;
+        padding: 3px 5px;
+        font-size: 12px;
+      }
+    }
+
+    .select_and_search {
+      input, select {
+        width: 45%;
+        display: inline-block;  
+      }
+
+      input {
+        float: right;
+      }
+    }
+
+    .filter_select select {
+      width: 100%;
+    }
+
+    .filter_date_range input {
+      width: 45%;
+      display: inline-block;
+    }
+
+    input[type="submit"] {
+      width: auto;
+      line-height: 31px;
+      margin-right: 10px;
+    }
+  }
+
+  #search-status-_sidebar_section {
+    font-size: 14px;
+  }
+}

data/app/assets/stylesheets/mixins/_buttons_mixins.scss

@@ -0,0 +1,104 @@
+@mixin primary-button($background-color, $color) {
+  background-color: $background-color;
+  color: $color;
+  border-radius: 3px;
+  display: inline-block;
+  @include transition-button();
+
+  &:hover {
+    background-color: lighten($background-color, 10%);
+  }
+
+  &:active, &:focus {
+    background-color: darken($background-color, 10%); 
+  }
+}
+
+@mixin secondary-button($color) {
+  background-color: #fff;
+  color: $color;
+  border: 1px solid $color;
+  border-radius: 3px;
+  display: inline-block;
+  @include transition-button();
+
+  &:hover {
+    color: #fff;
+    background-color: $color;
+  }
+
+  &:active, &:focus {
+    background-color: darken($color, 10%);
+    color: #fff;
+  }
+}
+
+@mixin secondary-dropdown($color) {
+  @include secondary-button($color);
+  padding: 6px 25px 6px 10px;
+  position: relative;
+
+  &:after {
+    @include icon("\f0dd");
+    position: absolute;
+    right: 8px;
+  }
+
+  &:active, &:focus {
+    background-color: darken($color, 10%); 
+    color: #fff;
+  }
+
+  &.disabled, &:disabled {
+    color: #76838f;
+    background-color: #f3f7f9;
+    border-color: #f3f7f9;
+    cursor: not-allowed;
+    box-shadow: none;
+    opacity: .65;
+  }
+}
+
+@mixin group-button($color) {
+  a {
+    display: inline-block;
+    color: $color;
+    border-top: 1px solid $color;
+    border-bottom: 1px solid $color;
+    float: left;
+    padding: 6px 10px;
+    border-right: 1px solid $color;
+    @include transition-button();
+  }
+
+  &:first-child a {
+    border-left: 1px solid $color;
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+  }
+
+  &:last-child a {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+  }
+
+  &:hover {
+    a {
+      background-color: lighten($color, 10%);
+      border-color: lighten($color, 10%);
+      color: #fff;
+    }
+  }
+
+  &:active, &:focus, &.selected {
+    a {
+      background-color: darken($color, 10%);
+      border-color: darken($color, 10%);
+      color: #fff;
+    }
+  }
+}
+
+@mixin little-button() {
+  padding: 6px 12px;
+}

data/app/assets/stylesheets/mixins/_mixins.scss

@@ -0,0 +1,2 @@
+@import "prefix_mixins";
+@import "buttons_mixins";

data/app/assets/stylesheets/mixins/_prefix_mixins.scss

@@ -0,0 +1,29 @@
+@mixin transform($var) {
+  -webkit-transform: $var;
+     -moz-transform: $var;
+      -ms-transform: $var;
+          transform: $var;
+}
+
+@mixin transition-button() {
+  -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
+  -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
+  transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
+}
+
+@mixin clear-fix() {
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+  }
+}
+
+@mixin icon($code-icon) {
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font: normal normal normal 14px/1 FontAwesome;
+  content: $code-icon;
+}

data/app/assets/stylesheets/pages/_edit.scss

@@ -0,0 +1,19 @@
+body.edit {
+  .input {
+    .label {
+      min-width: 25%;
+      float: left;
+      text-align: right;
+      padding-right: 20px;
+      padding-top: 6px;
+    }
+
+    input {
+      width: 50%;
+    }
+  }
+
+  .actions {
+    padding-left: 25%;
+  }
+}

data/app/assets/stylesheets/pages/_index.scss

@@ -0,0 +1,99 @@
+body.index {
+  .table_tools {
+    margin-bottom: 20px;
+    font-size: 14px;
+
+    &:after {
+      content: '';
+      display: block;
+      clear: both;
+    }
+
+    .batch_actions_selector {
+      display: inline-block;
+    }
+
+    .dropdown_menu_button{
+      @include secondary-dropdown($primary-color);
+    }
+
+    .dropdown_menu_list {
+      background-color: #fff;
+      padding: 10px 15px;
+      border-radius: 3px;
+      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+      display: inline-block;
+      position: absolute;
+      z-index: 1;
+    }
+  }
+
+  .paginated_collection_contents {
+    margin-bottom: 20px;
+  }
+
+  #index_footer {
+    font-size: 14px;
+  }
+
+  .sortable {
+    position: relative;
+
+    &:after {
+      @include icon("\f0dc");
+      position: absolute;
+      top: 50%;
+      right: 5px;
+      @include transform(translateY(-50%));
+    }
+
+    &.sorted-desc:after {
+      content: "\f0dd";
+    }
+
+    &.sorted-asc:after {
+      content: "\f0de";
+    }
+  }
+
+  .table_actions {
+    .member_link {
+      @include primary-button($primary-color, white);
+      padding: 2px 9px;
+      margin-right: 4px;
+    }
+
+    .view_link {
+      &:after {
+        
+      }
+    }
+  }
+  
+  .scopes {
+    .scope {
+      @include group-button($primary-color);
+    }
+  }
+
+  #sidebar {
+    position: absolute;
+    right: - $sidebar-width;
+
+    &:before {
+      cursor: pointer;
+      position: absolute;
+      top: 30px;
+      left: -40px;
+      width: 40px;
+      height: 50px;
+      background-color: #fff;
+      box-shadow: -1px 0 4px 0 rgba(0,0,0,.04);
+      border-top-left-radius: 3px;
+      border-bottom-left-radius: 3px;
+      @include icon("\f0b0");
+      font-size: 20px;
+      padding: 15px 10px;
+    }
+  }
+}

data/app/assets/stylesheets/pages/_login.scss

@@ -0,0 +1,36 @@
+#login {  
+  width: 400px;
+  max-width: 100%;
+  margin: auto;
+  background-color: white;
+  border-top: 3px solid $primary-color;
+  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
+  border-radius: 3px;
+  padding: 30px;
+  margin-top: 100px;
+
+  color: $text-color;
+
+  h2 {
+    text-align: center;
+  }
+
+  .label {
+    display: inline-block;
+    max-width: 100%;
+    margin-bottom: 5px;
+  }
+
+  a {
+    margin-top: 10px;
+    display: inline-block;
+  }
+
+  .input_action {
+    width: 50%;
+  }
+
+  input[type="submit"] {
+    line-height: 43px;
+  }
+}

data/app/assets/stylesheets/pages/_show.scss

@@ -0,0 +1,15 @@
+body.show {
+  #active_admin_content.with_sidebar {
+    #main_content_wrapper {
+      width: $screen-sidebar-width;
+    }
+
+    #sidebar {
+      display: inline-block;
+
+      tr:hover {
+        background: rgba(243, 247, 249, 0.3);
+      }
+    }
+  }
+}

data/arctic_admin.gemspec

@@ -0,0 +1,14 @@
+Gem::Specification.new do |s|
+  s.name        = 'arctic_admin'
+  s.version     = '1.0.2'
+  s.date        = '2017-02-05'
+  s.summary     = "Arctic Admin theme for ActiveAdmin"
+  s.description = "A simple theme for Active Admin"
+  s.authors     = ["Clément Prod'homme"]
+  s.files       = `git ls-files -z`.split("\x0")
+  s.homepage    = 'https://github.com/cle61/arctic_admin'
+  s.license     = 'MIT'
+  s.require_paths = ["lib"]
+  s.add_development_dependency "bundler", "~> 1.5"
+  s.add_development_dependency "rake"
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: arctic_admin
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors:
 - Clément Prod'homme
@@ -44,6 +44,118 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".gitignore"
+- Gemfile
+- LICENCE.txt
+- README.md
+- app/assets/.DS_Store
+- app/assets/fonts/Lato-Black.eot
+- app/assets/fonts/Lato-Black.ttf
+- app/assets/fonts/Lato-Black.woff
+- app/assets/fonts/Lato-Black.woff2
+- app/assets/fonts/Lato-BlackItalic.eot
+- app/assets/fonts/Lato-BlackItalic.ttf
+- app/assets/fonts/Lato-BlackItalic.woff
+- app/assets/fonts/Lato-BlackItalic.woff2
+- app/assets/fonts/Lato-Bold.eot
+- app/assets/fonts/Lato-Bold.ttf
+- app/assets/fonts/Lato-Bold.woff
+- app/assets/fonts/Lato-Bold.woff2
+- app/assets/fonts/Lato-BoldItalic.eot
+- app/assets/fonts/Lato-BoldItalic.ttf
+- app/assets/fonts/Lato-BoldItalic.woff
+- app/assets/fonts/Lato-BoldItalic.woff2
+- app/assets/fonts/Lato-Hairline.eot
+- app/assets/fonts/Lato-Hairline.ttf
+- app/assets/fonts/Lato-Hairline.woff
+- app/assets/fonts/Lato-Hairline.woff2
+- app/assets/fonts/Lato-HairlineItalic.eot
+- app/assets/fonts/Lato-HairlineItalic.ttf
+- app/assets/fonts/Lato-HairlineItalic.woff
+- app/assets/fonts/Lato-HairlineItalic.woff2
+- app/assets/fonts/Lato-Heavy.eot
+- app/assets/fonts/Lato-Heavy.ttf
+- app/assets/fonts/Lato-Heavy.woff
+- app/assets/fonts/Lato-Heavy.woff2
+- app/assets/fonts/Lato-HeavyItalic.eot
+- app/assets/fonts/Lato-HeavyItalic.ttf
+- app/assets/fonts/Lato-HeavyItalic.woff
+- app/assets/fonts/Lato-HeavyItalic.woff2
+- app/assets/fonts/Lato-Italic.eot
+- app/assets/fonts/Lato-Italic.ttf
+- app/assets/fonts/Lato-Italic.woff
+- app/assets/fonts/Lato-Italic.woff2
+- app/assets/fonts/Lato-Light.eot
+- app/assets/fonts/Lato-Light.ttf
+- app/assets/fonts/Lato-Light.woff
+- app/assets/fonts/Lato-Light.woff2
+- app/assets/fonts/Lato-LightItalic.eot
+- app/assets/fonts/Lato-LightItalic.ttf
+- app/assets/fonts/Lato-LightItalic.woff
+- app/assets/fonts/Lato-LightItalic.woff2
+- app/assets/fonts/Lato-Medium.eot
+- app/assets/fonts/Lato-Medium.ttf
+- app/assets/fonts/Lato-Medium.woff
+- app/assets/fonts/Lato-Medium.woff2
+- app/assets/fonts/Lato-MediumItalic.eot
+- app/assets/fonts/Lato-MediumItalic.ttf
+- app/assets/fonts/Lato-MediumItalic.woff
+- app/assets/fonts/Lato-MediumItalic.woff2
+- app/assets/fonts/Lato-Regular.eot
+- app/assets/fonts/Lato-Regular.ttf
+- app/assets/fonts/Lato-Regular.woff
+- app/assets/fonts/Lato-Regular.woff2
+- app/assets/fonts/Lato-Semibold.eot
+- app/assets/fonts/Lato-Semibold.ttf
+- app/assets/fonts/Lato-Semibold.woff
+- app/assets/fonts/Lato-Semibold.woff2
+- app/assets/fonts/Lato-SemiboldItalic.eot
+- app/assets/fonts/Lato-SemiboldItalic.ttf
+- app/assets/fonts/Lato-SemiboldItalic.woff
+- app/assets/fonts/Lato-SemiboldItalic.woff2
+- app/assets/fonts/Lato-Thin.eot
+- app/assets/fonts/Lato-Thin.ttf
+- app/assets/fonts/Lato-Thin.woff
+- app/assets/fonts/Lato-Thin.woff2
+- app/assets/fonts/Lato-ThinItalic.eot
+- app/assets/fonts/Lato-ThinItalic.ttf
+- app/assets/fonts/Lato-ThinItalic.woff
+- app/assets/fonts/Lato-ThinItalic.woff2
+- app/assets/images/.keep
+- app/assets/javascripts/.DS_Store
+- app/assets/javascripts/arctic_admin.js
+- app/assets/stylesheets/.DS_Store
+- app/assets/stylesheets/_base.scss
+- app/assets/stylesheets/_fonts.scss
+- app/assets/stylesheets/_reset.scss
+- app/assets/stylesheets/_variables.scss
+- app/assets/stylesheets/arctic_admin.scss
+- app/assets/stylesheets/components/_date_picker.scss
+- app/assets/stylesheets/components/_flash.scss
+- app/assets/stylesheets/components/_form.scss
+- app/assets/stylesheets/components/_inputs.scss
+- app/assets/stylesheets/components/_panel_contents.scss
+- app/assets/stylesheets/components/_status_tag.scss
+- app/assets/stylesheets/components/_tables.scss
+- app/assets/stylesheets/layouts/_footer.scss
+- app/assets/stylesheets/layouts/_header.scss
+- app/assets/stylesheets/layouts/_main_content.scss
+- app/assets/stylesheets/layouts/_sidebar.scss
+- app/assets/stylesheets/mixins/_buttons_mixins.scss
+- app/assets/stylesheets/mixins/_mixins.scss
+- app/assets/stylesheets/mixins/_prefix_mixins.scss
+- app/assets/stylesheets/pages/_edit.scss
+- app/assets/stylesheets/pages/_index.scss
+- app/assets/stylesheets/pages/_login.scss
+- app/assets/stylesheets/pages/_show.scss
+- arctic_admin-1.0.0.gem
+- arctic_admin-1.0.1.gem
+- arctic_admin.gemspec
+- doc/.DS_Store
+- doc/dashboard.png
+- doc/index.png
+- doc/login.png
+- doc/show.png
 - lib/arctic_admin.rb
 homepage: https://github.com/cle61/arctic_admin
 licenses: