arctic_admin 4.3.1 → 4.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d7eee23937098b6901af3e55df7a782d6fb0b73c945be65397a34c3681768dfe
-  data.tar.gz: c127f4e7528e70ae03e8beccf7d32444836b36670d10dcdf0456b38d5a3ebc10
+  metadata.gz: 88627d337b8e78f39d8a9103b80b04c4387eaf218c82c4d30bc9bdb378e21133
+  data.tar.gz: 5972254cc502fd17e2ff6af3add87a01b35d1841cc2b127dda33fe0a8abe0568
 SHA512:
-  metadata.gz: d590257eeff205a17f468ad012da2c2504e8c3af138b0e211d185e5da4af528b6add1a16eaa30c12bf38db45eb75cae5a4b4747d25eae510bd7c9ae1f37a6518
-  data.tar.gz: e876bf646d196102bbaa98e0e626ec092ef25f7bba3a7eb49cbfc21615973ade4b5c34bf4630bcd878a99e7614194a2e1eb9a45ea11d0220e495d51df15f9fd4
+  metadata.gz: b8c93cdef676d3a1f54a71e554d92028ed4deab42a250bbaaa5f32c33ac95711fa08b4d99cf7c28a3fd35fbdbc562d4c53f5d0c8231ec3dcd99a4c409f46379a
+  data.tar.gz: 3e01acbde79f22e4e376ff63aa13302b8b31a6cf744c2389e1064ee72e557f81894d827513010383bb69985840fb2b954505b7e05b3ee58f9417e05c2c68d2a9

data/app/assets/javascripts/arctic_admin/main.js

@@ -59,7 +59,9 @@ function addListeners() {
   }
 
   // left menu sidebar close on any click outside
-  document.body.addEventListener('click', menuClose)
+  if (menu()) {
+    document.body.addEventListener('click', menuClose)
+  }  
 
   // nested menu items toggle
   nestedMenuItems().forEach(
@@ -81,10 +83,14 @@ function removeListeners() {
   }
 
   // left menu sidebar toggle with menu button
-  menuButton().removeEventListener('click', menuToggle)
+  if (menuButton()) {
+    menuButton().removeEventListener('click', menuToggle)
+  }  
 
   // left menu sidebar close on any click outside
-  document.body.removeEventListener('click', menuClose)
+  if (menu()) {
+    document.body.removeEventListener('click', menuClose)
+  }  
 
   // nested menu items toggle
   nestedMenuItems().forEach(

data/app/assets/stylesheets/arctic_admin/_buttons.scss

@@ -1,7 +1,7 @@
 .button {
-  @include primary-button($primary-color, #fff);
   padding: 5px 8px;
   font-size: 16px;
+  @include primary-button($primary-color, #fff);
 
   &.small {
     padding: 2px 9px;

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

@@ -5,7 +5,7 @@
   h3 {
     margin: 0 0 10px 0;
   }
-  
+
   .panel_contents .empty {
     margin-bottom: 10px;
     display: inline-block;
@@ -31,10 +31,10 @@
       }
 
       a[data-method="delete"] {
-        @include primary-button($primary-color, white);
         padding: 2px 9px;
         font-size: 12px;
         float: right;
+        @include primary-button($primary-color, white);
       }
     }
 

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

@@ -2,18 +2,18 @@
   background-color: #fff;
   padding: 5px;
   border-radius: $border-radius;
-  @include box-shadow(0 0 4px 0 rgba(0,0,0,.1));
   z-index: 3!important;
   padding: 8px 10px;
+  @include box-shadow($box-shadow);
 
   .ui-datepicker-header {
-    @include clear-fix();
     margin-bottom: 10px;
+    @include clear-fix();
 
     .ui-datepicker-prev, .ui-datepicker-next {
-      @include primary-button($button-primary-color, #fff);
       padding: 2px 5px;
       font-size: 14px;
+      @include primary-button($button-primary-color, #fff);
     }
 
     .ui-datepicker-prev {

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

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

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

@@ -39,7 +39,7 @@
     }
     
     .inline-hints {
-      margin: 5px 0 20px 25%;
+      margin: 5px 0 20px $form-margin-left;
       font-size: $font-size;
       font-style: italic;
     }
@@ -53,7 +53,7 @@
 
     label.error {
       display: block;
-      margin-left: 25%;
+      margin-left: $form-margin-left;
     }
     
     .button.has_many_remove {

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

@@ -38,7 +38,6 @@ input[type="number"], textarea {
 
 input[type="submit"] {
   @include appearance();
-  @include primary-button($button-primary-color, white);
   width: 100%;
   padding: 0 12px;
   font-size: 15px;
@@ -46,6 +45,7 @@ input[type="submit"] {
   @include box-shadow(0 1px 0 rgba(0,0,0,.05));
   border: none;
   cursor: pointer;
+  @include primary-button($button-primary-color, white);
 }
 
 input[type="checkbox"] {
@@ -56,9 +56,9 @@ input[type="checkbox"] {
   border: 1px solid #e6e6e6;
   border-radius: $border-radius;
   box-sizing: border-box;
-  @include outline();
-  @include transition-button();
   cursor: pointer;
+  @include transition-button();
+  @include outline();
 
   &:checked {
     border-color: $primary-color;
@@ -74,8 +74,8 @@ input[type="radio"] {
   border-radius: 50%;
   margin: 1px 5px 1px 1px;
   display: inline-flex;
-  @include outline();
   @include transition-button();
+  @include outline();
 
   &:checked {
     background-color: $primary-color;

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

@@ -3,7 +3,7 @@
 
   .nav {
     border-bottom: 1px solid $border-color;
-    
+
     li {
       display: inline-block;
       text-align: center;
@@ -13,10 +13,10 @@
         color: $text-color;
         display: inline-block;
         padding: 15px 25px;
-        @include outline();
         @include transition-button();
+        @include outline();
       }
-      
+
       &.ui-tabs-active {
         border-bottom: 2px solid $link-primary-color;
 
@@ -30,4 +30,4 @@
   .tab-content {
     padding: 10px 20px;
   }
-}
+}

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

@@ -47,7 +47,7 @@ body.active_admin.logged_in {
     @media screen and (min-width: $x-lg-width) {
       width: $lg-header-width;
     }
-    
+
     #site_title_image {
       height: 100%;
       padding: 6px 0;
@@ -180,7 +180,7 @@ body.active_admin.logged_in {
         }
 
       }
-      
+
       @media screen and (min-width: $sm-width) {
         min-width: 60px;
         min-height: 59px;
@@ -228,8 +228,8 @@ body.active_admin.logged_in {
     float: right;
 
     .action_item a {
-      @include primary-button($button-primary-color, #fff);
       padding: 5px 8px;
+      @include primary-button($button-primary-color, #fff);
     }
   }
 

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

@@ -20,7 +20,7 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
 @mixin primary-button($background-color, $color) {
   background-color: $background-color;
   color: $color;
-  border: none; 
+  border: none;
   @include button();
 
   &:hover {
@@ -28,7 +28,7 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
   }
 
   &:active, &:focus {
-    background-color: darken($background-color, 10%); 
+    background-color: darken($background-color, 10%);
   }
 
   &:disabled {
@@ -73,9 +73,12 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
 }
 
 @mixin secondary-dropdown($color) {
-  @include secondary-button($color);
-  padding: 6px 25px 6px 10px;
   position: relative;
+  @include secondary-button($color);
+
+  & {
+    padding: 6px 25px 6px 10px; // Preserve padding on Sass > 1.77.6 (See cprodhomme/arctic_admin#123)
+  }
 
   &:after {
     @include icon($icon-sort-down);
@@ -84,7 +87,7 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
   }
 
   &:active, &:focus {
-    background-color: darken($color, 10%); 
+    background-color: darken($color, 10%);
     color: #fff;
   }
 

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

@@ -1,120 +1,124 @@
-body.logged_in {
-  &.new, &.edit, &.create, &.update {
-    @include sidebar-container();
-
-    form legend {
-      font-weight: normal;
-    }
-
-    fieldset.inputs {
-      margin-bottom: 20px;
+@mixin arctic-admin-form() {
+  @include sidebar-container();
+  
+  form legend {
+    font-weight: normal;
+  }
+  
+  fieldset.inputs {
+    margin-bottom: 20px;
+  }
+  
+  .input {
+    .label {
+      padding-bottom: 5px;
+      text-align: left;
+      margin: auto 0;
+      padding-top: 8px;
+      text-align: right;
+      font-size: $font-size;
+  
+      @media screen and (min-width: $sm-width) {
+        padding-bottom: 0;
+        height: 25px;
+        width: $form-margin-left;
+        float: left;
+        padding-right: 20px;
+      }
     }
-
-    .input {
-      .label {
-        padding-bottom: 5px;
-        text-align: left;
-        margin: auto 0;
-        padding-top: 8px;
-        text-align: right;
-        font-size: $font-size;
-
-        @media screen and (min-width: $sm-width) {
-          padding-bottom: 0;
-          height: 25px;
-          width: 25%;
-          float: left;
-          padding-right: 20px;
-        }
+    input, textarea {
+      @media screen and (min-width: $sm-width) {
+        width: $form-input-width;
       }
-      input, textarea {
-        @media screen and (min-width: $sm-width) {
-          width: 50%;
-        }
-
-        &[type='radio'] {
-          width: 15px;
-          float: left;
-          margin-top: 3px;
-        }
-
-        &[type='checkbox'] {
-          width: 15px;
-          margin: 0 5px -2px 0;
-        }
+  
+      &[type='radio'] {
+        width: 15px;
+        float: left;
+        margin-top: 3px;
       }
-
-      .select2-container {
-        @media screen and (min-width: $sm-width) {
-          width: 50% !important;
-        }
-
-        a {
-          height: 30px;
-          line-height: 30px;
-        }
+  
+      &[type='checkbox'] {
+        width: 15px;
+        margin: 0 5px -2px 0;
       }
-
-      select {
-        min-width: 50%;
+    }
+  
+    .select2-container {
+      @media screen and (min-width: $sm-width) {
+        width: $form-input-width !important;
+      }
+  
+      a {
         height: 30px;
+        line-height: 30px;
       }
-
-      select[multiple] {
-        height: 100px;
+    }
+  
+    select {
+      min-width: $form-input-width;
+      height: 30px;
+    }
+  
+    select[multiple] {
+      height: 100px;
+    }
+  
+    .fragment {
+      margin-right: 10px;
+  
+      label {
+        padding-right: 5px;
       }
-
-      .fragment {
-        margin-right: 10px;
-
-        label {
-          padding-right: 5px;
-        }
-
-        select {
-          min-width: auto;
-        }
+  
+      select {
+        min-width: auto;
       }
-
-      &.boolean {
-        margin-left: 25%;
-        @include disable-user-select();
-
-        input {
-          width: auto;
-        }
-
-        label {
-          font-size: $font-size;
-          cursor: pointer;
-          padding: 5px 5px 5px 0;
-        }
-
-        input[type='checkbox'] {
-          width: 15px;
-          margin: 0 5px -2px 0;
-        }
+    }
+  
+    &.boolean {
+      margin-left: $form-margin-left;
+      @include disable-user-select();
+  
+      input {
+        width: auto;
       }
-
-      li.fragment {
-        display: inline;
+  
+      label {
+        font-size: $font-size;
+        cursor: pointer;
+        padding: 5px 5px 5px 0;
       }
-
-      li.choice {
-        margin-left: 25%;
-        
-        .field_with_errors {
-          float: left;
-        }
+  
+      input[type='checkbox'] {
+        width: 15px;
+        margin: 0 5px -2px 0;
       }
-
-      .inline-errors {
-        padding-left: 25%;
+    }
+  
+    li.fragment {
+      display: inline;
+    }
+  
+    li.choice {
+      margin-left: $form-margin-left;
+      
+      .field_with_errors {
+        float: left;
       }
     }
-
-    .actions {
-      padding-left: 25%;
+  
+    .inline-errors {
+      padding-left: $form-margin-left;
     }
   }
+  
+  .actions {
+    padding-left: $form-margin-left;
+  }
+}
+
+body.logged_in {
+  &.new, &.edit, &.create, &.update {
+    @include arctic-admin-form();
+  }
 }

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

@@ -97,10 +97,10 @@ body.index {
     margin-bottom: -4px;
 
     .member_link {
-      @include primary-button($button-primary-color, white);
       padding: 4px 8px;
       margin-right: 4px;
       margin-bottom: 4px;
+      @include primary-button($button-primary-color, white);
     }
   }
 

data/app/assets/stylesheets/arctic_admin/variables/_borders.scss

@@ -0,0 +1 @@
+$border-radius: 3px !default;

data/app/assets/stylesheets/arctic_admin/variables/_box_shadows.scss

@@ -0,0 +1 @@
+$box-shadow: 0 0 4px 0 rgba(0,0,0,0.1) !default;

data/app/assets/stylesheets/arctic_admin/variables/_colors.scss

@@ -43,8 +43,6 @@ $sidebar-nested-item-hover-background: #e7e7e7 !default;
 $text-color: #5a5a5a !default;
 $text-color-important: #526069 !default;
 
-$box-shadow: 0 0 4px 0 rgba(0,0,0,0.1) !default;
-
 $primary-color: $blue !default;
 $link-primary-color: $primary-color !default;
-$button-primary-color: $primary-color !default;
+$button-primary-color: $primary-color !default;

data/app/assets/stylesheets/arctic_admin/variables/_fonts.scss

@@ -0,0 +1,4 @@
+$font-family-fallback: Arial, sans-serif !default;
+$font-family-body: "LatoWeb", $font-family-fallback !default;
+
+$font-size: 14px !default;

data/app/assets/stylesheets/arctic_admin/variables/_size.scss

@@ -8,5 +8,8 @@ $screen-filter-width: calc(100% - 230px) !default;
 $lg-filter-width: 270px !default;
 $lg-screen-filter-width: calc(100% - 270px) !default;
 
-$font-size: 14px !default;
 $input-height: 36px !default;
+
+// Forms
+$form-margin-left: 25%;
+$form-input-width: 50%;

data/app/assets/stylesheets/arctic_admin/variables/_spaces.scss

@@ -0,0 +1,31 @@
+$space-0: 0;
+$space-0-1: 0.125rem; /* 2px */
+$space-1: 0.25rem; /* 4px */
+$space-2: 0.5rem; /* 8px */
+$space-3: 0.75rem; /* 12px */
+$space-4: 1rem; /* 16px */
+$space-5: 1.25rem; /* 20px */
+$space-6: 1.5rem; /* 24px */
+$space-7: 1.75rem; /* 28px */
+$space-8: 2rem; /* 32px */
+$space-9: 2.25rem; /* 36px */
+$space-10: 2.5rem; /* 40px */
+$space-11: 2.75rem; /* 44px */
+$space-12: 3rem; /* 48px */
+$space-14: 3.5rem; /* 56px */
+$space-16: 4rem; /* 64px */
+$space-20: 5rem; /* 80px */
+$space-24: 6rem; /* 96px */
+$space-28: 7rem; /* 112px */
+$space-32: 8rem; /* 128px */
+$space-36: 9rem; /* 144px */
+$space-40: 10rem; /* 160px */
+$space-44: 11rem; /* 176px */
+$space-48: 12rem; /* 192px */
+$space-52: 13rem; /* 208px */
+$space-56: 14rem; /* 224px */
+$space-60: 15rem; /* 240px */
+$space-64: 16rem; /* 256px */
+$space-72: 18rem; /* 288px */
+$space-80: 20rem; /* 320px */
+$space-96: 24rem; /* 384px */

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

@@ -2,6 +2,6 @@
 @import "size";
 @import "icons";
 @import "media_queries";
-
-$border-radius: 3px !default;
-$font-family-body: "LatoWeb", Arial, sans-serif !default;
+@import "fonts";
+@import "spaces";
+@import "borders";

data/lib/arctic_admin/version.rb

@@ -1,3 +1,3 @@
 module ArcticAdmin
-  VERSION = "4.3.1"
+  VERSION = "4.4.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: arctic_admin
 version: !ruby/object:Gem::Version
-  version: 4.3.1
+  version: 4.4.0
 platform: ruby
 authors:
 - Clément Prod'homme
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-09 00:00:00.000000000 Z
+date: 2026-06-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -73,7 +73,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '6.0'
 description: A responsive theme for Active Admin
-email: 
+email:
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -134,10 +134,14 @@ files:
 - app/assets/stylesheets/arctic_admin/pages/_index.scss
 - app/assets/stylesheets/arctic_admin/pages/_login.scss
 - app/assets/stylesheets/arctic_admin/pages/_show.scss
+- app/assets/stylesheets/arctic_admin/variables/_borders.scss
+- app/assets/stylesheets/arctic_admin/variables/_box_shadows.scss
 - app/assets/stylesheets/arctic_admin/variables/_colors.scss
+- app/assets/stylesheets/arctic_admin/variables/_fonts.scss
 - app/assets/stylesheets/arctic_admin/variables/_icons.scss
 - app/assets/stylesheets/arctic_admin/variables/_media_queries.scss
 - app/assets/stylesheets/arctic_admin/variables/_size.scss
+- app/assets/stylesheets/arctic_admin/variables/_spaces.scss
 - app/assets/stylesheets/arctic_admin/variables/_variables.scss
 - lib/arctic_admin.rb
 - lib/arctic_admin/version.rb
@@ -147,7 +151,7 @@ licenses:
 metadata:
   source_code_uri: https://github.com/cprodhomme/arctic_admin
   changelog_uri: https://github.com/cprodhomme/arctic_admin/releases
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -162,8 +166,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.26
-signing_key: 
+rubygems_version: 3.5.22
+signing_key:
 specification_version: 4
 summary: Arctic Admin theme for ActiveAdmin
 test_files: []