arctic_admin 1.2.0 → 1.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8b8d483af20b927b80b3b489f326367950893852
-  data.tar.gz: 719a7e132b20d9e0ae6f22889831ff06b458c88c
+  metadata.gz: 7833ceecb94243b98bb17b1161d729105b971974
+  data.tar.gz: f1948a685adddeef8899b2bfa395c761a29c3337
 SHA512:
-  metadata.gz: 7954001d6ef6ae770bfc486eb919c4beba579b9ef47414ead1d07b2abda6786b1d8b566ed08878d7e722e3d48d6a3984fd65747dfd9b38600f873cfd4b815d92
-  data.tar.gz: 0b1afa99a002b966e021a1f3458af8c3d9d0d64d8fdd6a7d6870e89ab03558805d3881a1cbc8321622f147d0ac38fb9378a0aaa5022d8d6264d6b90bb842e91d
+  metadata.gz: 70c188492e367a632d227fab6dd296dffbdc74d6273dd17aa39a2fb5c5af2e9be6bc56231817248c49ee7c3b8a58e85cc629a99f11c0f578946b5091c255a538
+  data.tar.gz: 4e549ca41dc952846dd400b8aaae1d18cbf609c9c72000df6a79bb6c315b90ad279bf0aeef579bc1d12b1e10a66f600d5964cb8aefd30cbe04f77d843abb1b3a

data/app/assets/javascripts/arctic_admin.js

@@ -23,7 +23,7 @@ $(function() {
   });
 
   var animationDone = true;
-  $('#title_bar').click(function (e) {
+  $('#utility_nav').click(function (e) {
     if ($(window).width() < 960) {
       var position = $(this).position();
       var tabs = $('#tabs');

data/app/assets/stylesheets/_base.scss

@@ -4,13 +4,7 @@
 
 @import "mixins/mixins";
 
-@import "components/inputs";
-@import "components/flash";
-@import "components/tables";
-@import "components/date_picker";
-@import "components/status_tag";
-@import "components/panel_contents";
-@import "components/form";
+@import "components/components";
 
 @import "layouts/header";
 @import "layouts/sidebar";

data/app/assets/stylesheets/components/_components.scss

@@ -0,0 +1,9 @@
+@import "components/inputs";
+@import "components/flash";
+@import "components/tables";
+@import "components/date_picker";
+@import "components/status_tag";
+@import "components/panel_contents";
+@import "components/form";
+@import "components/pagination";
+@import "components/dialogs";

data/app/assets/stylesheets/components/_dialogs.scss

@@ -0,0 +1,22 @@
+.ui-dialog {
+  background-color: #fff;
+  box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
+  border-radius: 3px;
+  padding: 15px 10px;
+
+  &:focus, &:active {
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    outline: 0;
+  }
+
+  .ui-button {
+    @include primary-button($primary-color, #fff);
+    border: 0;
+    margin-right: 5px;
+    padding: 5px 10px;
+  }
+
+  .ui-dialog-titlebar-close {
+    display: none;
+  }
+}

data/app/assets/stylesheets/components/_form.scss

@@ -9,6 +9,10 @@
 
 #active_admin_content {
   .formtastic {
+    li {
+      list-style: none;
+    }
+    
     legend {
       margin-bottom: 20px;
       font-weight: bold;
@@ -43,4 +47,4 @@
       }
     }
   }
-}
+}

data/app/assets/stylesheets/components/_inputs.scss

@@ -39,8 +39,9 @@ input[type="text"], input[type="email"], input[type="password"], input[type="num
     -moz-appearance: none;
   }
 
-  &:-webkit-autofill {
+  &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
     -webkit-box-shadow: 0 0 0px 1000px white inset;
+    -webkit-text-fill-color: #76838f;
   }
 }
 

data/app/assets/stylesheets/components/_pagination.scss

@@ -0,0 +1,9 @@
+.pagination {
+  font-size: 13px;
+  margin-bottom: 10px;
+
+  .page a, .next a, .last a, .first a, .prev a {
+    @include primary-button($primary-color, white);
+    padding: 3px 4px;
+  }
+}

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

@@ -45,6 +45,37 @@
     right: 0;
     z-index: 3;
     text-align: right;
+    background-color: $header-background;
+    border-bottom: 1px solid $header-border-color;
+    width: $screen-header-width;
+
+    @media screen and (min-width: $sm-width) {
+      &:before {
+        @include icon("\f0c9");
+
+        display: inline;
+        visibility: visible;
+        cursor: pointer;
+        position: absolute;
+        top: 0;
+        left: 0;
+        color: $text-color;
+        padding: 20px 0;
+        text-align: center;
+        width: 40px;
+        font-size: 20px;
+      }
+    }
+
+    @media screen and (min-width: $md-width) {
+      &:before {
+        display: none;
+      }
+    }
+
+    @media screen and (min-width: $lg-width) {
+      width: $lg-screen-header-width;
+    }
 
     li {
       display: inline-block;
@@ -115,76 +146,36 @@
 }
 
 #title_bar {
-  height: 60px;
-  width: $screen-header-width;
-  background-color: $header-background;
-  position: fixed;
-  top: 0;
-  left: $header-width;
-  border-bottom: 1px solid $header-border-color;
-  z-index: 2;
-
-  @media screen and (min-width: $sm-width) {
-    padding: 0 20px 0 50px;
-
-    &:before {
-      @include icon("\f0c9");
-
-      display: inline;
-      visibility: visible;
-      cursor: pointer;
-      position: absolute;
-      top: 0;
-      left: 0;
-      color: $text-color;
-      padding: 20px 0;
-      text-align: center;
-      width: 40px;
-      font-size: 20px;
-    }
-  }
+  background-color: #fff;
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+  margin: 15px 0 0 0;
+  padding: 8px 10px;
+  @include clear-fix();
 
   @media screen and (min-width: $md-width) {
-    padding: 0 20px;
-
-    &:before {
-      display: none;
-    }
-  }
-
-  @media screen and (min-width: $lg-width) {
-    width: $lg-screen-header-width;
-    left: $lg-header-width;
+    padding: 8px 20px;
+    border-radius: 3px;
+    margin: 15px 25px 0 25px;
   }
 
   #titlebar_left {
-    padding-top: 6px;
     display: inline-block;
     float: left;
+    line-height: 29px;
 
-    h2:nth-child(1) {
-      line-height: 48px;
+    h2 {
+      display: inline-block;
+      font-size: 16px;
     }
   }
 
   #titlebar_right {
     display: inline-block;
-    margin-left: 20px;
+    float: right;
 
     .action_item a {
-      color: $text-color;
-      display: inline-block;
-      @include transition-button();
-      padding: 20px 12px;
-      float: left;
-
-      &:hover {
-        background-color: $header-nav-action-hover-background;
-      }
-
-      &:active {
-        background-color: $header-nav-action-active-background;
-      }
+      @include primary-button($primary-color, #fff);
+      padding: 5px 8px;
     }
   }
 

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

@@ -1,9 +1,18 @@
-@mixin primary-button($background-color, $color) {
-  background-color: $background-color;
-  color: $color;
+@mixin button() {
   border-radius: 3px;
   display: inline-block;
   @include transition-button();
+  cursor: pointer;
+
+  &:active, &:focus {
+    outline: 0;
+  }
+}
+
+@mixin primary-button($background-color, $color) {
+  background-color: $background-color;
+  color: $color;
+  @include button();
 
   &:hover {
     background-color: lighten($background-color, 10%);
@@ -18,9 +27,7 @@
   background-color: #fff;
   color: $color;
   border: 1px solid $color;
-  border-radius: 3px;
-  display: inline-block;
-  @include transition-button();
+  @include button();
 
   &:hover {
     color: #fff;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: arctic_admin
 version: !ruby/object:Gem::Version
-  version: 1.2.0
+  version: 1.2.1
 platform: ruby
 authors:
 - Clément Prod'homme
@@ -151,10 +151,13 @@ files:
 - app/assets/stylesheets/_fonts.scss
 - app/assets/stylesheets/_reset.scss
 - app/assets/stylesheets/arctic_admin.scss
+- app/assets/stylesheets/components/_components.scss
 - app/assets/stylesheets/components/_date_picker.scss
+- app/assets/stylesheets/components/_dialogs.scss
 - app/assets/stylesheets/components/_flash.scss
 - app/assets/stylesheets/components/_form.scss
 - app/assets/stylesheets/components/_inputs.scss
+- app/assets/stylesheets/components/_pagination.scss
 - app/assets/stylesheets/components/_panel_contents.scss
 - app/assets/stylesheets/components/_status_tag.scss
 - app/assets/stylesheets/components/_tables.scss