arctic_admin 1.2.8 → 1.2.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8056cbaa223281771fa3e04ac647e5396227d5b3
-  data.tar.gz: e1e488c2647daa0769ef99cc31887d9b3fe73502
+  metadata.gz: c5d49c0c06fa86cc7032b01138e0bb948ad0bbc9
+  data.tar.gz: 78832a27e6318d6c5844dec68b7dfd2531ac7852
 SHA512:
-  metadata.gz: 3f15eef1e2f7bc00374ca940f06d9fa58d2b9e5cc71b8d6df481cbbe065b49a75c1b9f44ee0e0b895a7ffe73718e57b3a5fb9eb3c4a2e405a42e33b9c94ed828
-  data.tar.gz: 3d41b21c93538e4e669fe8f5f7ac57787d1d2f172cc6c56416552ac6c4801a4570b63f96dd6900e6a53d9ac8033563db6167a50b0593aed3ae2102401a50d1c1
+  metadata.gz: f5a1d0c1f38ae62b455d25053e152c0da2fd8740aec3b14984c1625340d73c4443645417b26d5891d69a14f490757e2aa0d774d2b5924f9f6505d917e4ec8968
+  data.tar.gz: 39d7cc9950174513c2c5cd0534ac4243bee6467b2e8a88ca986f23b98cc314700be95fa2fbadf6bec561d4696fd23485238634bea1410e3488169aa816d472d2

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

@@ -1,7 +1,7 @@
 .comments {
   background-color: $sidebar-background;
   padding: 10px 15px 15px 15px;
-  border-radius: 3px;
+  border-radius: $border-radius;
   margin-top: 20px;
   @include clear-fix();
 

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

@@ -1,8 +1,8 @@
 #ui-datepicker-div {
   background-color: #fff;
   padding: 5px;
-  border-radius: 3px;
-  box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
+  border-radius: $border-radius;
+  @include box-shadow(0 0 4px 0 rgba(0,0,0,.1));
   z-index: 3!important;
   padding: 8px 10px;
 

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

@@ -1,7 +1,7 @@
 .ui-dialog {
   background-color: #fff;
-  box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
-  border-radius: 3px;
+  @include box-shadow(0 0 4px 0 rgba(0,0,0,0.1));
+  border-radius: $border-radius;
   padding: 15px 10px;
   z-index: 1;
 

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

@@ -1,11 +1,10 @@
-input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
-  -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
-  transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
+input[type="text"], input[type="email"], input[type="password"],
+input[type="tel"], input[type="date"], input[type="datetime-local"],
+input[type="month"], input[type="range"], input[type="search"],
+input[type="time"], input[type="url"], input[type="week"],
+input[type="number"], textarea {
+  @include appearance();
+  @include box-shadow(none);
 
   display: block;
   width: 100%;
@@ -18,18 +17,17 @@ input[type="text"], input[type="email"], input[type="password"], input[type="num
   background-image: none;
   border: 1px solid #e4eaec;
   outline: 0;
-  border-radius: 3px;
-  -webkit-transition: border-color ease-in-out .15s;
-  -o-transition: border-color ease-in-out .15s;
-  transition: border-color ease-in-out .15s;
+  border-radius: $border-radius;
+  @include transition(border-color ease-in-out .15s);
 
   &:focus {
     border-color: $primary-color;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
-    -o-transition: border .25s linear,color .25s linear,background-color .25s linear;
-    transition: border .25s linear,color .25s linear,background-color .25s linear;
+    @include appearance();
+    @include transition(border .25s linear,color .25s linear,background-color .25s linear);
+  }
+
+  &:disabled {
+    opacity: 0.6;
   }
 
   &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
@@ -39,13 +37,13 @@ input[type="text"], input[type="email"], input[type="password"], input[type="num
 }
 
 input[type="submit"] {
-  -webkit-appearance: none;
+  @include appearance();
   @include primary-button($primary-color, white);
   width: 100%;
   padding: 0 12px;
   font-size: 15px;
   font-weight: 500;
-  box-shadow: 0 1px 0 rgba(0,0,0,.05);
+  @include box-shadow(0 1px 0 rgba(0,0,0,.05));
   border: none;
   cursor: pointer;
 }
@@ -56,7 +54,7 @@ input[type="checkbox"] {
   -webkit-appearance: none!important;
   background-color: #fff;
   border: 1px solid #e6e6e6;
-  border-radius: 3px;
+  border-radius: $border-radius;
   box-sizing: border-box;
   @include outline();
   @include transition-button();
@@ -69,7 +67,7 @@ input[type="checkbox"] {
 }
 
 input[type="radio"] {
-  -webkit-appearance: none;
+  @include appearance();
   border: 2px solid $primary-color;
   width: 15px;
   height: 15px;
@@ -89,18 +87,13 @@ select {
   background-image: none;
   border: 1px solid #e4eaec;
   outline: 0;
-  border-radius: 3px;
-  -webkit-transition: border-color ease-in-out .15s;
-  -o-transition: border-color ease-in-out .15s;
-  transition: border-color ease-in-out .15s;
+  border-radius: $border-radius;
+  @include transition(border-color ease-in-out .15s);
 
   &:focus {
     border-color: $primary-color;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
-    -o-transition: border .25s linear,color .25s linear,background-color .25s linear;
-    transition: border .25s linear,color .25s linear,background-color .25s linear;
+    @include box-shadow(none);
+    @include transition(border .25s linear,color .25s linear,background-color .25s linear);
   }
 
   &:-webkit-autofill {

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

@@ -5,7 +5,7 @@
   letter-spacing: 0.15em;
   padding: 3px 5px 2px 5px;
   font-size: 0.8em;
-  border-radius: 3px;
+  border-radius: $border-radius;
 }
 
 .status_tag.ok, .status_tag.published, .status_tag.complete, .status_tag.completed, .status_tag.green {

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

@@ -2,8 +2,8 @@ table {
   width: 100%;
 
   &:not(.index_table) {
-    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
-    border-radius: 3px;
+    @include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.1));
+    border-radius: $border-radius;
     margin-bottom: 10px;
   }
 }

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

@@ -1,6 +1,6 @@
 .tabs.ui-tabs {
-  box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
-  border-radius: 3px;
+  @include box-shadow(0 0 4px 0 rgba(0,0,0,.1));
+  border-radius: $border-radius;
 
   .nav {
     text-align: center;

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

@@ -1,8 +1,8 @@
 #sidebar {
   width: $filter-width;
   background-color: #fff;
-  border-radius: 3px;
-  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
+  border-radius: $border-radius;
+  @include box-shadow(0 0 4px 0 rgba(0,0,0,.04));
   margin-bottom: 30px;
 
   @media screen and (min-width: $x-lg-width) {

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

@@ -1,4 +1,4 @@
-.admin_namespace {
+body.active_admin.logged_in {
   padding-top: 50px;
 
   @media screen and (min-width: $sm-width) {
@@ -198,14 +198,14 @@
 
 #title_bar {
   background-color: #fff;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+  @include 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: $lg-width) {
     padding: 8px 20px;
-    border-radius: 3px;
+    border-radius: $border-radius;
     margin: 15px 25px 0 25px;
   }
 

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

@@ -10,8 +10,8 @@
 
   @media screen and (min-width: $sm-width) {
     #main_content {
-      border-top-right-radius: 3px;
-      border-bottom-right-radius: 3px;
+      border-top-right-radius: $border-radius;
+      border-bottom-right-radius: $border-radius;
     }
   }
 
@@ -30,7 +30,7 @@
 
 #main_content {
   background-color: #fff;
-  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
+  @include box-shadow(0 0 4px 0 rgba(0,0,0,.04));
   padding: 15px 10px;
 
   @media screen and (max-width: 576px) {
@@ -39,6 +39,6 @@
 
   @media screen and (min-width: $lg-width) {
     padding: 20px;
-    border-radius: 3px;
+    border-radius: $border-radius;
   }
 }

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

@@ -14,7 +14,7 @@
   }
 
   @media screen and (min-width: $lg-width) {
-    left: 0px;
+    left: 0px !important;
   }
 
   @media screen and (min-width: $x-lg-width) {

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

@@ -1,5 +1,5 @@
 @mixin button() {
-  border-radius: 3px;
+  border-radius: $border-radius;
   display: inline-block;
   @include transition-button();
   cursor: pointer;
@@ -7,6 +7,11 @@
   &:active, &:focus {
     outline: 0;
   }
+
+  &.disabled, &:disabled {
+    opacity: 0.6;
+    cursor: no-drop;
+  }
 }
 
 @mixin primary-button($background-color, $color) {
@@ -22,6 +27,10 @@
   &:active, &:focus {
     background-color: darken($background-color, 10%); 
   }
+
+  &:disabled {
+    background-color: $background-color;
+  }
 }
 
 @mixin secondary-button($color) {
@@ -61,8 +70,7 @@
     color: #76838f;
     background-color: #f3f7f9;
     border-color: #f3f7f9;
-    cursor: not-allowed;
-    box-shadow: none;
+    @include box-shadow(none);
     opacity: .65;
   }
 }
@@ -81,13 +89,13 @@
 
   &:first-child a {
     border-left: 1px solid $color;
-    border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
+    border-top-left-radius: $border-radius;
+    border-bottom-left-radius: $border-radius;
   }
 
   &:last-child a {
-    border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
+    border-top-right-radius: $border-radius;
+    border-bottom-right-radius: $border-radius;
   }
 
   &:hover {

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

@@ -5,10 +5,26 @@
           transform: $var;
 }
 
+@mixin appearance($effect:none) {
+  -webkit-appearance: $effect;
+  -moz-appearance: $effect;
+  appearance: $effect;
+}
+
+@mixin transition($args...) {
+  -webkit-transition: $args;
+  -o-transition: $args;
+  transition: $args;
+}
+
 @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;
+  @include transition(border .2s linear,color .2s linear,width .2s linear,background-color .2s linear);
+}
+
+@mixin box-shadow($args...) {
+  -webkit-box-shadow: $args;
+  -moz-box-shadow: $args;
+  box-shadow: $args;
 }
 
 @mixin disable-user-select() {

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

@@ -28,8 +28,8 @@ body.index {
     .dropdown_menu_list {
       background-color: #fff;
       padding: 10px 15px;
-      border-radius: 3px;
-      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
+      border-radius: $border-radius;
+      @include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.1));
       display: inline-block;
       position: absolute;
       z-index: 1;
@@ -99,9 +99,9 @@ body.index {
       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 box-shadow(-1px 0 4px 0 rgba(0,0,0,.04));
+      border-top-left-radius: $border-radius;
+      border-bottom-left-radius: $border-radius;
       @include icon("\f0b0");
       font-size: 20px;
       padding: 15px 10px;

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

@@ -14,13 +14,13 @@ body.logged_out {
   width: 100%;
   margin: auto;
   background-color: white;
-  border-top: 3px solid $primary-color;
+  border-top: $border-radius solid $primary-color;
   box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
   color: $text-color;
   padding: 20px;
 
   @media screen and (min-width: 400px) {
-    border-radius: 3px;
+    border-radius: $border-radius;
     width: 400px;
     padding: 30px;
   }

data/app/assets/stylesheets/variables/_media_queries.scss

@@ -1,10 +1,10 @@
 $sm-width: 576px;
 $md-width: 768px;
 $lg-width: 992px;
-$x-lg-width: 1200px;
+$x-lg-width: 1400px;
 
 // <576px  Extra small
 // ≥576px  Small
 // ≥768px  Medium
 // ≥992px  Large
-// ≥1200px Extra large
+// ≥1400px Extra large

data/app/assets/stylesheets/variables/_variables.scss

@@ -1,3 +1,5 @@
 @import "colors";
 @import "size";
-@import "media_queries";
+@import "media_queries";
+
+$border-radius: 3px !default;

data/lib/arctic_admin/version.rb

@@ -1,3 +1,3 @@
 module ArcticAdmin
-  VERSION = "1.2.8"
+  VERSION = "1.2.9"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: arctic_admin
 version: !ruby/object:Gem::Version
-  version: 1.2.8
+  version: 1.2.9
 platform: ruby
 authors:
 - Clément Prod'homme
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-06-25 00:00:00.000000000 Z
+date: 2017-07-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler