arctic_admin 4.3.3 → 4.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4deafbaf44dc2235e64d9d2a17a68bc41fddc37998ff002a07ff4817ec686f28
4
- data.tar.gz: 29975f0a32ca48db8aefbebd52711a63d75e38e65844062525dde165cae651ca
3
+ metadata.gz: 88627d337b8e78f39d8a9103b80b04c4387eaf218c82c4d30bc9bdb378e21133
4
+ data.tar.gz: 5972254cc502fd17e2ff6af3add87a01b35d1841cc2b127dda33fe0a8abe0568
5
5
  SHA512:
6
- metadata.gz: 38da9fa6ee4fd515ceadbd65410a6d404a8dc322d0ca090e3482f4904d73b22744e40090f1404e7b85069fb487da8b993d667dc1f22c0568d67a0a3fcfb0c79e
7
- data.tar.gz: 82bd50e2a9a76b837fa2b55fa291e452f25697b8112eaddc477a2a66e208a4e3a633f841a48995b1783813f5403567d70dcd0ee0dffd134ad03da9182a7ad619
6
+ metadata.gz: b8c93cdef676d3a1f54a71e554d92028ed4deab42a250bbaaa5f32c33ac95711fa08b4d99cf7c28a3fd35fbdbc562d4c53f5d0c8231ec3dcd99a4c409f46379a
7
+ data.tar.gz: 3e01acbde79f22e4e376ff63aa13302b8b31a6cf744c2389e1064ee72e557f81894d827513010383bb69985840fb2b954505b7e05b3ee58f9417e05c2c68d2a9
@@ -59,7 +59,9 @@ function addListeners() {
59
59
  }
60
60
 
61
61
  // left menu sidebar close on any click outside
62
- document.body.addEventListener('click', menuClose)
62
+ if (menu()) {
63
+ document.body.addEventListener('click', menuClose)
64
+ }
63
65
 
64
66
  // nested menu items toggle
65
67
  nestedMenuItems().forEach(
@@ -81,10 +83,14 @@ function removeListeners() {
81
83
  }
82
84
 
83
85
  // left menu sidebar toggle with menu button
84
- menuButton().removeEventListener('click', menuToggle)
86
+ if (menuButton()) {
87
+ menuButton().removeEventListener('click', menuToggle)
88
+ }
85
89
 
86
90
  // left menu sidebar close on any click outside
87
- document.body.removeEventListener('click', menuClose)
91
+ if (menu()) {
92
+ document.body.removeEventListener('click', menuClose)
93
+ }
88
94
 
89
95
  // nested menu items toggle
90
96
  nestedMenuItems().forEach(
@@ -1,7 +1,7 @@
1
1
  .button {
2
- @include primary-button($primary-color, #fff);
3
2
  padding: 5px 8px;
4
3
  font-size: 16px;
4
+ @include primary-button($primary-color, #fff);
5
5
 
6
6
  &.small {
7
7
  padding: 2px 9px;
@@ -5,7 +5,7 @@
5
5
  h3 {
6
6
  margin: 0 0 10px 0;
7
7
  }
8
-
8
+
9
9
  .panel_contents .empty {
10
10
  margin-bottom: 10px;
11
11
  display: inline-block;
@@ -31,10 +31,10 @@
31
31
  }
32
32
 
33
33
  a[data-method="delete"] {
34
- @include primary-button($primary-color, white);
35
34
  padding: 2px 9px;
36
35
  font-size: 12px;
37
36
  float: right;
37
+ @include primary-button($primary-color, white);
38
38
  }
39
39
  }
40
40
 
@@ -2,18 +2,18 @@
2
2
  background-color: #fff;
3
3
  padding: 5px;
4
4
  border-radius: $border-radius;
5
- @include box-shadow(0 0 4px 0 rgba(0,0,0,.1));
6
5
  z-index: 3!important;
7
6
  padding: 8px 10px;
7
+ @include box-shadow($box-shadow);
8
8
 
9
9
  .ui-datepicker-header {
10
- @include clear-fix();
11
10
  margin-bottom: 10px;
11
+ @include clear-fix();
12
12
 
13
13
  .ui-datepicker-prev, .ui-datepicker-next {
14
- @include primary-button($button-primary-color, #fff);
15
14
  padding: 2px 5px;
16
15
  font-size: 14px;
16
+ @include primary-button($button-primary-color, #fff);
17
17
  }
18
18
 
19
19
  .ui-datepicker-prev {
@@ -1,9 +1,9 @@
1
1
  .ui-dialog {
2
2
  background-color: #fff;
3
- @include box-shadow($box-shadow);
4
3
  border-radius: $border-radius;
5
4
  padding: 15px 10px;
6
5
  z-index: 1;
6
+ @include box-shadow($box-shadow);
7
7
 
8
8
  &:focus, &:active {
9
9
  -webkit-tap-highlight-color: rgba(0,0,0,0);
@@ -11,13 +11,13 @@
11
11
  }
12
12
 
13
13
  .ui-button {
14
- @include primary-button($primary-color, #fff);
15
- border: 0;
14
+ border: none;
16
15
  margin-right: 5px;
17
16
  padding: 5px 10px;
17
+ @include primary-button($primary-color, #fff);
18
18
  }
19
19
 
20
20
  .ui-dialog-titlebar-close {
21
21
  display: none;
22
22
  }
23
- }
23
+ }
@@ -38,7 +38,6 @@ input[type="number"], textarea {
38
38
 
39
39
  input[type="submit"] {
40
40
  @include appearance();
41
- @include primary-button($button-primary-color, white);
42
41
  width: 100%;
43
42
  padding: 0 12px;
44
43
  font-size: 15px;
@@ -46,6 +45,7 @@ input[type="submit"] {
46
45
  @include box-shadow(0 1px 0 rgba(0,0,0,.05));
47
46
  border: none;
48
47
  cursor: pointer;
48
+ @include primary-button($button-primary-color, white);
49
49
  }
50
50
 
51
51
  input[type="checkbox"] {
@@ -56,9 +56,9 @@ input[type="checkbox"] {
56
56
  border: 1px solid #e6e6e6;
57
57
  border-radius: $border-radius;
58
58
  box-sizing: border-box;
59
- @include outline();
60
- @include transition-button();
61
59
  cursor: pointer;
60
+ @include transition-button();
61
+ @include outline();
62
62
 
63
63
  &:checked {
64
64
  border-color: $primary-color;
@@ -74,8 +74,8 @@ input[type="radio"] {
74
74
  border-radius: 50%;
75
75
  margin: 1px 5px 1px 1px;
76
76
  display: inline-flex;
77
- @include outline();
78
77
  @include transition-button();
78
+ @include outline();
79
79
 
80
80
  &:checked {
81
81
  background-color: $primary-color;
@@ -3,7 +3,7 @@
3
3
 
4
4
  .nav {
5
5
  border-bottom: 1px solid $border-color;
6
-
6
+
7
7
  li {
8
8
  display: inline-block;
9
9
  text-align: center;
@@ -13,10 +13,10 @@
13
13
  color: $text-color;
14
14
  display: inline-block;
15
15
  padding: 15px 25px;
16
- @include outline();
17
16
  @include transition-button();
17
+ @include outline();
18
18
  }
19
-
19
+
20
20
  &.ui-tabs-active {
21
21
  border-bottom: 2px solid $link-primary-color;
22
22
 
@@ -30,4 +30,4 @@
30
30
  .tab-content {
31
31
  padding: 10px 20px;
32
32
  }
33
- }
33
+ }
@@ -47,7 +47,7 @@ body.active_admin.logged_in {
47
47
  @media screen and (min-width: $x-lg-width) {
48
48
  width: $lg-header-width;
49
49
  }
50
-
50
+
51
51
  #site_title_image {
52
52
  height: 100%;
53
53
  padding: 6px 0;
@@ -180,7 +180,7 @@ body.active_admin.logged_in {
180
180
  }
181
181
 
182
182
  }
183
-
183
+
184
184
  @media screen and (min-width: $sm-width) {
185
185
  min-width: 60px;
186
186
  min-height: 59px;
@@ -228,8 +228,8 @@ body.active_admin.logged_in {
228
228
  float: right;
229
229
 
230
230
  .action_item a {
231
- @include primary-button($button-primary-color, #fff);
232
231
  padding: 5px 8px;
232
+ @include primary-button($button-primary-color, #fff);
233
233
  }
234
234
  }
235
235
 
@@ -20,7 +20,7 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
20
20
  @mixin primary-button($background-color, $color) {
21
21
  background-color: $background-color;
22
22
  color: $color;
23
- border: none;
23
+ border: none;
24
24
  @include button();
25
25
 
26
26
  &:hover {
@@ -28,7 +28,7 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
28
28
  }
29
29
 
30
30
  &:active, &:focus {
31
- background-color: darken($background-color, 10%);
31
+ background-color: darken($background-color, 10%);
32
32
  }
33
33
 
34
34
  &:disabled {
@@ -73,9 +73,12 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
73
73
  }
74
74
 
75
75
  @mixin secondary-dropdown($color) {
76
- @include secondary-button($color);
77
- padding: 6px 25px 6px 10px;
78
76
  position: relative;
77
+ @include secondary-button($color);
78
+
79
+ & {
80
+ padding: 6px 25px 6px 10px; // Preserve padding on Sass > 1.77.6 (See cprodhomme/arctic_admin#123)
81
+ }
79
82
 
80
83
  &:after {
81
84
  @include icon($icon-sort-down);
@@ -84,7 +87,7 @@ $bg-tertiary-button-hover: rgba($border-color, .3);;
84
87
  }
85
88
 
86
89
  &:active, &:focus {
87
- background-color: darken($color, 10%);
90
+ background-color: darken($color, 10%);
88
91
  color: #fff;
89
92
  }
90
93
 
@@ -97,10 +97,10 @@ body.index {
97
97
  margin-bottom: -4px;
98
98
 
99
99
  .member_link {
100
- @include primary-button($button-primary-color, white);
101
100
  padding: 4px 8px;
102
101
  margin-right: 4px;
103
102
  margin-bottom: 4px;
103
+ @include primary-button($button-primary-color, white);
104
104
  }
105
105
  }
106
106
 
@@ -0,0 +1 @@
1
+ $border-radius: 3px !default;
@@ -0,0 +1 @@
1
+ $box-shadow: 0 0 4px 0 rgba(0,0,0,0.1) !default;
@@ -43,8 +43,6 @@ $sidebar-nested-item-hover-background: #e7e7e7 !default;
43
43
  $text-color: #5a5a5a !default;
44
44
  $text-color-important: #526069 !default;
45
45
 
46
- $box-shadow: 0 0 4px 0 rgba(0,0,0,0.1) !default;
47
-
48
46
  $primary-color: $blue !default;
49
47
  $link-primary-color: $primary-color !default;
50
- $button-primary-color: $primary-color !default;
48
+ $button-primary-color: $primary-color !default;
@@ -0,0 +1,4 @@
1
+ $font-family-fallback: Arial, sans-serif !default;
2
+ $font-family-body: "LatoWeb", $font-family-fallback !default;
3
+
4
+ $font-size: 14px !default;
@@ -8,7 +8,6 @@ $screen-filter-width: calc(100% - 230px) !default;
8
8
  $lg-filter-width: 270px !default;
9
9
  $lg-screen-filter-width: calc(100% - 270px) !default;
10
10
 
11
- $font-size: 14px !default;
12
11
  $input-height: 36px !default;
13
12
 
14
13
  // Forms
@@ -0,0 +1,31 @@
1
+ $space-0: 0;
2
+ $space-0-1: 0.125rem; /* 2px */
3
+ $space-1: 0.25rem; /* 4px */
4
+ $space-2: 0.5rem; /* 8px */
5
+ $space-3: 0.75rem; /* 12px */
6
+ $space-4: 1rem; /* 16px */
7
+ $space-5: 1.25rem; /* 20px */
8
+ $space-6: 1.5rem; /* 24px */
9
+ $space-7: 1.75rem; /* 28px */
10
+ $space-8: 2rem; /* 32px */
11
+ $space-9: 2.25rem; /* 36px */
12
+ $space-10: 2.5rem; /* 40px */
13
+ $space-11: 2.75rem; /* 44px */
14
+ $space-12: 3rem; /* 48px */
15
+ $space-14: 3.5rem; /* 56px */
16
+ $space-16: 4rem; /* 64px */
17
+ $space-20: 5rem; /* 80px */
18
+ $space-24: 6rem; /* 96px */
19
+ $space-28: 7rem; /* 112px */
20
+ $space-32: 8rem; /* 128px */
21
+ $space-36: 9rem; /* 144px */
22
+ $space-40: 10rem; /* 160px */
23
+ $space-44: 11rem; /* 176px */
24
+ $space-48: 12rem; /* 192px */
25
+ $space-52: 13rem; /* 208px */
26
+ $space-56: 14rem; /* 224px */
27
+ $space-60: 15rem; /* 240px */
28
+ $space-64: 16rem; /* 256px */
29
+ $space-72: 18rem; /* 288px */
30
+ $space-80: 20rem; /* 320px */
31
+ $space-96: 24rem; /* 384px */
@@ -2,6 +2,6 @@
2
2
  @import "size";
3
3
  @import "icons";
4
4
  @import "media_queries";
5
-
6
- $border-radius: 3px !default;
7
- $font-family-body: "LatoWeb", Arial, sans-serif !default;
5
+ @import "fonts";
6
+ @import "spaces";
7
+ @import "borders";
@@ -1,3 +1,3 @@
1
1
  module ArcticAdmin
2
- VERSION = "4.3.3"
2
+ VERSION = "4.4.0"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: arctic_admin
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.3.3
4
+ version: 4.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Clément Prod'homme
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-04-23 00:00:00.000000000 Z
11
+ date: 2026-06-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -134,10 +134,14 @@ files:
134
134
  - app/assets/stylesheets/arctic_admin/pages/_index.scss
135
135
  - app/assets/stylesheets/arctic_admin/pages/_login.scss
136
136
  - app/assets/stylesheets/arctic_admin/pages/_show.scss
137
+ - app/assets/stylesheets/arctic_admin/variables/_borders.scss
138
+ - app/assets/stylesheets/arctic_admin/variables/_box_shadows.scss
137
139
  - app/assets/stylesheets/arctic_admin/variables/_colors.scss
140
+ - app/assets/stylesheets/arctic_admin/variables/_fonts.scss
138
141
  - app/assets/stylesheets/arctic_admin/variables/_icons.scss
139
142
  - app/assets/stylesheets/arctic_admin/variables/_media_queries.scss
140
143
  - app/assets/stylesheets/arctic_admin/variables/_size.scss
144
+ - app/assets/stylesheets/arctic_admin/variables/_spaces.scss
141
145
  - app/assets/stylesheets/arctic_admin/variables/_variables.scss
142
146
  - lib/arctic_admin.rb
143
147
  - lib/arctic_admin/version.rb
@@ -162,7 +166,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
162
166
  - !ruby/object:Gem::Version
163
167
  version: '0'
164
168
  requirements: []
165
- rubygems_version: 3.5.23
169
+ rubygems_version: 3.5.22
166
170
  signing_key:
167
171
  specification_version: 4
168
172
  summary: Arctic Admin theme for ActiveAdmin