arctic_admin 1.2.5 → 1.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 484c455c6976c0120f996a585115d2283d40baaa
-  data.tar.gz: 1dbb7aca99fc3c1592e134f6d4e9d6617186a807
+  metadata.gz: 3d21e67cc443c7b310d3d6f4b5bc88810c4c4b1e
+  data.tar.gz: 02a66959cbde507488b4c72eb2defefe6510a7ff
 SHA512:
-  metadata.gz: d5f8f107387285d8a4b4cb3c5684e73882c4e002903de311c768eb8c834e83a8583c4eaf7da0880a21464539174926f02e8c9130418369652797c212c3bcf8f6
-  data.tar.gz: c59bfad74339d4d10d0aaca1e8b3d5c4f6e70eb07eeea9df58de9aae5fad94001fb2ad96c07cc1972c11c81b1183ed7fe23c111d34a4fea1a5de41a9bc67dfba
+  metadata.gz: 3bff1575e662d565c7afe3cc4f242a1b592eaa18e58cb23dfdb5d1744f77a5d5ccb41814cb6a520d62f6637f70d75996f224e369491429a3e4be2cfff6c93617
+  data.tar.gz: '09a339177ba82c1d124656ac4048f92049c53d724d44dc6519679eeef4a0b24cc64ad072d68fea76a5674c28d16d467255ff05dabb06635e4d7a05e08f4b31c5'

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

@@ -57,6 +57,23 @@ input[type="submit"] {
   cursor: pointer;
 }
 
+input[type="checkbox"] {
+  height: 15px;
+  width: 15px;
+  -webkit-appearance: none!important;
+  background-color: #fff;
+  border: 1px solid #e6e6e6;
+  border-radius: 3px;
+  box-sizing: border-box;
+  @include outline();
+  @include transition-button();
+
+  &:checked {
+    border-color: $primary-color;
+    background-color: $primary-color;
+  }
+}
+
 select {
   background-color: #fff;
   background-image: none;

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

@@ -5,7 +5,7 @@
   box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
   margin-bottom: 30px;
 
-  @media screen and (min-width: $lg-width) {
+  @media screen and (min-width: $x-lg-width) {
     width: $lg-filter-width;
   }
 

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

@@ -1,11 +1,15 @@
 .admin_namespace {
-  padding-top: 60px;
+  padding-top: 50px;
 
-  @media screen and (min-width: $md-width) {
-    padding-left: $header-width;
+  @media screen and (min-width: $sm-width) {
+    padding-top: 60px;
   }
 
   @media screen and (min-width: $lg-width) {
+    padding-left: $header-width;
+  }
+
+  @media screen and (min-width: $x-lg-width) {
     padding-left: $lg-header-width;
   }
 
@@ -13,7 +17,7 @@
     padding: 30px 0;
     @include clear-fix();
 
-    @media screen and (min-width: $md-width) {
+    @media screen and (min-width: $lg-width) {
       padding: 30px 25px;
     }
   }
@@ -21,19 +25,26 @@
 
 .header {
   .site_title {
-    width: $header-width;
-    height: 60px;
+    width: 160px;
+    height: 50px;
+    font-size: 16px;
+    line-height: 50px;
     position: fixed;
     top: 0;
     left: 0;
     background-color: $header-background;
     border-bottom: 1px solid $header-border-color;
-    font-size: 20px;
     text-align: center;
     margin: 0;
-    line-height: 60px;
 
-    @media screen and (min-width: $lg-width) {
+    @media screen and (min-width: $sm-width) {
+      width: $header-width;
+      height: 60px;
+      font-size: 20px;
+      line-height: 60px;
+    }
+
+    @media screen and (min-width: $x-lg-width) {
       width: $lg-header-width;
     }
     
@@ -44,7 +55,8 @@
   }
 
   #utility_nav {
-    height: 60px;
+    height: 50px;
+    width: calc(100% - 160px);
     position: fixed;
     top: 0;
     right: 0;
@@ -52,33 +64,39 @@
     text-align: right;
     background-color: $header-background;
     border-bottom: 1px solid $header-border-color;
-    width: $screen-header-width;
+
+    &:before {
+      @include icon("\f0c9");
+
+      display: inline;
+      visibility: visible;
+      cursor: pointer;
+      position: absolute;
+      top: 0;
+      left: 0;
+      color: $text-color;
+      padding: 15px 0;
+      text-align: center;
+      width: 40px;
+      font-size: 20px;
+    }
 
     @media screen and (min-width: $sm-width) {
+      height: 60px;
+      width: $screen-header-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) {
+    @media screen and (min-width: $lg-width) {
       &:before {
         display: none;
       }
     }
 
-    @media screen and (min-width: $lg-width) {
+    @media screen and (min-width: $x-lg-width) {
       width: $lg-screen-header-width;
     }
 
@@ -99,8 +117,8 @@
       a {
         visibility: hidden;
         position: relative;
-        width: 60px;
-        height: 59px;
+        width: 50px;
+        height: 49px;
         display: inline-block;
 
         &:before {
@@ -113,23 +131,33 @@
           top: 0;
           right: 0;
           color: $text-color;
-          padding: 20px 0;
+          padding: 15px 0;
           text-align: center;
-          width: 60px;
+          width: 50px;
           font-size: 20px;
         }
+
+        @media screen and (min-width: $sm-width) {
+          width: 60px;
+          height: 59px;
+
+          &:before {
+            padding: 20px 0;
+            width: 60px;
+          }
+        }
       }
     }
 
     #logout {
-      min-width: 60px;
-      min-height: 59px;
+      min-width: 50px;
+      min-height: 49px;
       float: right;
 
       a {
         visibility: hidden;
         position: relative;
-        width: 60px;
+        width: 50px;
         display: block;
 
         &:before {
@@ -142,11 +170,27 @@
           top: 0;
           right: 0;
           color: $text-color;
-          padding: 20px 0;
+          padding: 15px 0;
           text-align: center;
-          width: 60px;
+          width: 50px;
           font-size: 20px;
         }
+
+      }
+      
+      @media screen and (min-width: $sm-width) {
+        min-width: 60px;
+        min-height: 59px;
+
+        a {
+          width: 60px;
+          height: 59px;
+
+          &:before {
+            padding: 20px 0;
+            width: 60px;
+          }
+        }
       }
     }
   }
@@ -159,7 +203,7 @@
   padding: 8px 10px;
   @include clear-fix();
 
-  @media screen and (min-width: $md-width) {
+  @media screen and (min-width: $lg-width) {
     padding: 8px 20px;
     border-radius: 3px;
     margin: 15px 25px 0 25px;

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

@@ -8,7 +8,20 @@
 #active_admin_content.with_sidebar #main_content_wrapper {
   width: 100%;
 
-  @media screen and (min-width: $md-width) {
+  @media screen and (min-width: $sm-width) {
+    #main_content {
+      border-top-right-radius: 3px;
+      border-bottom-right-radius: 3px;
+    }
+  }
+
+  @media screen and (min-width: $lg-width) {
+    #main_content {
+      margin-right: 20px;
+    }
+  }
+
+  @media screen and (min-width: $lg-width) {
     #main_content {
       margin-right: 20px;
     }
@@ -18,9 +31,13 @@
 #main_content {
   background-color: #fff;
   box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
-  padding: 10px 5px;
+  padding: 15px 10px;
+
+  @media screen and (max-width: 576px) {
+    overflow-x: scroll;
+  }
 
-  @media screen and (min-width: $md-width) {
+  @media screen and (min-width: $lg-width) {
     padding: 20px;
     border-radius: 3px;
   }

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

@@ -2,21 +2,22 @@
   width: $header-width;
   height: calc(100% - 60px);
   position: fixed;
-  top: 60px;
+  top: 50px;
   background-color: $sidebar-background;
   border-right: 1px solid $sidebar-border-color;
   z-index: 1;
   overflow: auto;
+  left: - $header-width;
 
   @media screen and (min-width: $sm-width) {
-    left: - $header-width;
+    top: 60px;
   }
 
-  @media screen and (min-width: $md-width) {
+  @media screen and (min-width: $lg-width) {
     left: 0px;
   }
 
-  @media screen and (min-width: $lg-width) {
+  @media screen and (min-width: $x-lg-width) {
     width: $lg-header-width;
   }
 
@@ -75,7 +76,7 @@
             background-color: $sidebar-nested-item-hover-background;
           }
 
-          @media screen and (min-width: $lg-width) {
+          @media screen and (min-width: $x-lg-width) {
             padding: 0px 15px 0px 40px;
           }
         }

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

@@ -19,6 +19,12 @@
   }
 }
 
+@mixin outline() {
+  &:focus {
+    outline: 0;
+  }
+}
+
 @mixin icon($code-icon) {
   font-size: inherit;
   text-rendering: auto;

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

@@ -6,16 +6,23 @@ body.logged_in {
 
     .input {
       .label {
-        width: 25%;
-        float: left;
-        height: 25px;
+        padding-bottom: 5px;
         text-align: left;
-        padding-right: 20px;
         margin: auto 0;
+
+        @media screen and (min-width: $sm-width) {
+          padding-bottom: 0;
+          height: 25px;
+          width: 25%;
+          float: left;
+          padding-right: 20px;
+        }
       }
 
       input {
-        width: 50%;
+        @media screen and (min-width: $sm-width) {
+          width: 50%;
+        }
 
         &[type='radio'] {
           width: auto;

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

@@ -67,12 +67,6 @@ body.index {
       padding: 2px 9px;
       margin-right: 4px;
     }
-
-    .view_link {
-      &:after {
-        
-      }
-    }
   }
   
   .scopes {

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

@@ -10,17 +10,20 @@ body.logged_out {
   }
 }
 
-#login {  
-  width: 400px;
-  max-width: 95%;
+#login {
+  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;
-
   color: $text-color;
+  padding: 20px;
+
+  @media screen and (min-width: 400px) {
+    border-radius: 3px;
+    width: 400px;
+    padding: 30px;
+  }
 
   h2 {
     text-align: center;

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

@@ -3,7 +3,12 @@ body.show {
     #main_content_wrapper {
       width: $screen-filter-width;
 
+      @media screen and (min-width: $sm-width) {
+        padding-right: 10px;
+      }
+
       @media screen and (min-width: $lg-width) {
+        padding-right: 0;
         width: $lg-screen-filter-width;
       }
     }

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

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: arctic_admin
 version: !ruby/object:Gem::Version
-  version: 1.2.5
+  version: 1.2.6
 platform: ruby
 authors:
 - Clément Prod'homme
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-02-05 00:00:00.000000000 Z
+date: 2017-05-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler