arctic_admin 1.2.8 → 1.2.9

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
  SHA1:
3
- metadata.gz: 8056cbaa223281771fa3e04ac647e5396227d5b3
4
- data.tar.gz: e1e488c2647daa0769ef99cc31887d9b3fe73502
3
+ metadata.gz: c5d49c0c06fa86cc7032b01138e0bb948ad0bbc9
4
+ data.tar.gz: 78832a27e6318d6c5844dec68b7dfd2531ac7852
5
5
  SHA512:
6
- metadata.gz: 3f15eef1e2f7bc00374ca940f06d9fa58d2b9e5cc71b8d6df481cbbe065b49a75c1b9f44ee0e0b895a7ffe73718e57b3a5fb9eb3c4a2e405a42e33b9c94ed828
7
- data.tar.gz: 3d41b21c93538e4e669fe8f5f7ac57787d1d2f172cc6c56416552ac6c4801a4570b63f96dd6900e6a53d9ac8033563db6167a50b0593aed3ae2102401a50d1c1
6
+ metadata.gz: f5a1d0c1f38ae62b455d25053e152c0da2fd8740aec3b14984c1625340d73c4443645417b26d5891d69a14f490757e2aa0d774d2b5924f9f6505d917e4ec8968
7
+ data.tar.gz: 39d7cc9950174513c2c5cd0534ac4243bee6467b2e8a88ca986f23b98cc314700be95fa2fbadf6bec561d4696fd23485238634bea1410e3488169aa816d472d2
@@ -1,7 +1,7 @@
1
1
  .comments {
2
2
  background-color: $sidebar-background;
3
3
  padding: 10px 15px 15px 15px;
4
- border-radius: 3px;
4
+ border-radius: $border-radius;
5
5
  margin-top: 20px;
6
6
  @include clear-fix();
7
7
 
@@ -1,8 +1,8 @@
1
1
  #ui-datepicker-div {
2
2
  background-color: #fff;
3
3
  padding: 5px;
4
- border-radius: 3px;
5
- box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
4
+ border-radius: $border-radius;
5
+ @include box-shadow(0 0 4px 0 rgba(0,0,0,.1));
6
6
  z-index: 3!important;
7
7
  padding: 8px 10px;
8
8
 
@@ -1,7 +1,7 @@
1
1
  .ui-dialog {
2
2
  background-color: #fff;
3
- box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
4
- border-radius: 3px;
3
+ @include box-shadow(0 0 4px 0 rgba(0,0,0,0.1));
4
+ border-radius: $border-radius;
5
5
  padding: 15px 10px;
6
6
  z-index: 1;
7
7
 
@@ -1,11 +1,10 @@
1
- input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea {
2
- -webkit-appearance: none;
3
- -moz-appearance: none;
4
- -webkit-box-shadow: none;
5
- box-shadow: none;
6
- -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
7
- -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
8
- transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
1
+ input[type="text"], input[type="email"], input[type="password"],
2
+ input[type="tel"], input[type="date"], input[type="datetime-local"],
3
+ input[type="month"], input[type="range"], input[type="search"],
4
+ input[type="time"], input[type="url"], input[type="week"],
5
+ input[type="number"], textarea {
6
+ @include appearance();
7
+ @include box-shadow(none);
9
8
 
10
9
  display: block;
11
10
  width: 100%;
@@ -18,18 +17,17 @@ input[type="text"], input[type="email"], input[type="password"], input[type="num
18
17
  background-image: none;
19
18
  border: 1px solid #e4eaec;
20
19
  outline: 0;
21
- border-radius: 3px;
22
- -webkit-transition: border-color ease-in-out .15s;
23
- -o-transition: border-color ease-in-out .15s;
24
- transition: border-color ease-in-out .15s;
20
+ border-radius: $border-radius;
21
+ @include transition(border-color ease-in-out .15s);
25
22
 
26
23
  &:focus {
27
24
  border-color: $primary-color;
28
- -webkit-appearance: none;
29
- -moz-appearance: none;
30
- -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
31
- -o-transition: border .25s linear,color .25s linear,background-color .25s linear;
32
- transition: border .25s linear,color .25s linear,background-color .25s linear;
25
+ @include appearance();
26
+ @include transition(border .25s linear,color .25s linear,background-color .25s linear);
27
+ }
28
+
29
+ &:disabled {
30
+ opacity: 0.6;
33
31
  }
34
32
 
35
33
  &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {
@@ -39,13 +37,13 @@ input[type="text"], input[type="email"], input[type="password"], input[type="num
39
37
  }
40
38
 
41
39
  input[type="submit"] {
42
- -webkit-appearance: none;
40
+ @include appearance();
43
41
  @include primary-button($primary-color, white);
44
42
  width: 100%;
45
43
  padding: 0 12px;
46
44
  font-size: 15px;
47
45
  font-weight: 500;
48
- box-shadow: 0 1px 0 rgba(0,0,0,.05);
46
+ @include box-shadow(0 1px 0 rgba(0,0,0,.05));
49
47
  border: none;
50
48
  cursor: pointer;
51
49
  }
@@ -56,7 +54,7 @@ input[type="checkbox"] {
56
54
  -webkit-appearance: none!important;
57
55
  background-color: #fff;
58
56
  border: 1px solid #e6e6e6;
59
- border-radius: 3px;
57
+ border-radius: $border-radius;
60
58
  box-sizing: border-box;
61
59
  @include outline();
62
60
  @include transition-button();
@@ -69,7 +67,7 @@ input[type="checkbox"] {
69
67
  }
70
68
 
71
69
  input[type="radio"] {
72
- -webkit-appearance: none;
70
+ @include appearance();
73
71
  border: 2px solid $primary-color;
74
72
  width: 15px;
75
73
  height: 15px;
@@ -89,18 +87,13 @@ select {
89
87
  background-image: none;
90
88
  border: 1px solid #e4eaec;
91
89
  outline: 0;
92
- border-radius: 3px;
93
- -webkit-transition: border-color ease-in-out .15s;
94
- -o-transition: border-color ease-in-out .15s;
95
- transition: border-color ease-in-out .15s;
90
+ border-radius: $border-radius;
91
+ @include transition(border-color ease-in-out .15s);
96
92
 
97
93
  &:focus {
98
94
  border-color: $primary-color;
99
- -webkit-box-shadow: none;
100
- box-shadow: none;
101
- -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
102
- -o-transition: border .25s linear,color .25s linear,background-color .25s linear;
103
- transition: border .25s linear,color .25s linear,background-color .25s linear;
95
+ @include box-shadow(none);
96
+ @include transition(border .25s linear,color .25s linear,background-color .25s linear);
104
97
  }
105
98
 
106
99
  &:-webkit-autofill {
@@ -5,7 +5,7 @@
5
5
  letter-spacing: 0.15em;
6
6
  padding: 3px 5px 2px 5px;
7
7
  font-size: 0.8em;
8
- border-radius: 3px;
8
+ border-radius: $border-radius;
9
9
  }
10
10
 
11
11
  .status_tag.ok, .status_tag.published, .status_tag.complete, .status_tag.completed, .status_tag.green {
@@ -2,8 +2,8 @@ table {
2
2
  width: 100%;
3
3
 
4
4
  &:not(.index_table) {
5
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
6
- border-radius: 3px;
5
+ @include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.1));
6
+ border-radius: $border-radius;
7
7
  margin-bottom: 10px;
8
8
  }
9
9
  }
@@ -1,6 +1,6 @@
1
1
  .tabs.ui-tabs {
2
- box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
3
- border-radius: 3px;
2
+ @include box-shadow(0 0 4px 0 rgba(0,0,0,.1));
3
+ border-radius: $border-radius;
4
4
 
5
5
  .nav {
6
6
  text-align: center;
@@ -1,8 +1,8 @@
1
1
  #sidebar {
2
2
  width: $filter-width;
3
3
  background-color: #fff;
4
- border-radius: 3px;
5
- box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
4
+ border-radius: $border-radius;
5
+ @include box-shadow(0 0 4px 0 rgba(0,0,0,.04));
6
6
  margin-bottom: 30px;
7
7
 
8
8
  @media screen and (min-width: $x-lg-width) {
@@ -1,4 +1,4 @@
1
- .admin_namespace {
1
+ body.active_admin.logged_in {
2
2
  padding-top: 50px;
3
3
 
4
4
  @media screen and (min-width: $sm-width) {
@@ -198,14 +198,14 @@
198
198
 
199
199
  #title_bar {
200
200
  background-color: #fff;
201
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
201
+ @include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.1));
202
202
  margin: 15px 0 0 0;
203
203
  padding: 8px 10px;
204
204
  @include clear-fix();
205
205
 
206
206
  @media screen and (min-width: $lg-width) {
207
207
  padding: 8px 20px;
208
- border-radius: 3px;
208
+ border-radius: $border-radius;
209
209
  margin: 15px 25px 0 25px;
210
210
  }
211
211
 
@@ -10,8 +10,8 @@
10
10
 
11
11
  @media screen and (min-width: $sm-width) {
12
12
  #main_content {
13
- border-top-right-radius: 3px;
14
- border-bottom-right-radius: 3px;
13
+ border-top-right-radius: $border-radius;
14
+ border-bottom-right-radius: $border-radius;
15
15
  }
16
16
  }
17
17
 
@@ -30,7 +30,7 @@
30
30
 
31
31
  #main_content {
32
32
  background-color: #fff;
33
- box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
33
+ @include box-shadow(0 0 4px 0 rgba(0,0,0,.04));
34
34
  padding: 15px 10px;
35
35
 
36
36
  @media screen and (max-width: 576px) {
@@ -39,6 +39,6 @@
39
39
 
40
40
  @media screen and (min-width: $lg-width) {
41
41
  padding: 20px;
42
- border-radius: 3px;
42
+ border-radius: $border-radius;
43
43
  }
44
44
  }
@@ -14,7 +14,7 @@
14
14
  }
15
15
 
16
16
  @media screen and (min-width: $lg-width) {
17
- left: 0px;
17
+ left: 0px !important;
18
18
  }
19
19
 
20
20
  @media screen and (min-width: $x-lg-width) {
@@ -1,5 +1,5 @@
1
1
  @mixin button() {
2
- border-radius: 3px;
2
+ border-radius: $border-radius;
3
3
  display: inline-block;
4
4
  @include transition-button();
5
5
  cursor: pointer;
@@ -7,6 +7,11 @@
7
7
  &:active, &:focus {
8
8
  outline: 0;
9
9
  }
10
+
11
+ &.disabled, &:disabled {
12
+ opacity: 0.6;
13
+ cursor: no-drop;
14
+ }
10
15
  }
11
16
 
12
17
  @mixin primary-button($background-color, $color) {
@@ -22,6 +27,10 @@
22
27
  &:active, &:focus {
23
28
  background-color: darken($background-color, 10%);
24
29
  }
30
+
31
+ &:disabled {
32
+ background-color: $background-color;
33
+ }
25
34
  }
26
35
 
27
36
  @mixin secondary-button($color) {
@@ -61,8 +70,7 @@
61
70
  color: #76838f;
62
71
  background-color: #f3f7f9;
63
72
  border-color: #f3f7f9;
64
- cursor: not-allowed;
65
- box-shadow: none;
73
+ @include box-shadow(none);
66
74
  opacity: .65;
67
75
  }
68
76
  }
@@ -81,13 +89,13 @@
81
89
 
82
90
  &:first-child a {
83
91
  border-left: 1px solid $color;
84
- border-top-left-radius: 3px;
85
- border-bottom-left-radius: 3px;
92
+ border-top-left-radius: $border-radius;
93
+ border-bottom-left-radius: $border-radius;
86
94
  }
87
95
 
88
96
  &:last-child a {
89
- border-top-right-radius: 3px;
90
- border-bottom-right-radius: 3px;
97
+ border-top-right-radius: $border-radius;
98
+ border-bottom-right-radius: $border-radius;
91
99
  }
92
100
 
93
101
  &:hover {
@@ -5,10 +5,26 @@
5
5
  transform: $var;
6
6
  }
7
7
 
8
+ @mixin appearance($effect:none) {
9
+ -webkit-appearance: $effect;
10
+ -moz-appearance: $effect;
11
+ appearance: $effect;
12
+ }
13
+
14
+ @mixin transition($args...) {
15
+ -webkit-transition: $args;
16
+ -o-transition: $args;
17
+ transition: $args;
18
+ }
19
+
8
20
  @mixin transition-button() {
9
- -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
10
- -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
11
- transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
21
+ @include transition(border .2s linear,color .2s linear,width .2s linear,background-color .2s linear);
22
+ }
23
+
24
+ @mixin box-shadow($args...) {
25
+ -webkit-box-shadow: $args;
26
+ -moz-box-shadow: $args;
27
+ box-shadow: $args;
12
28
  }
13
29
 
14
30
  @mixin disable-user-select() {
@@ -28,8 +28,8 @@ body.index {
28
28
  .dropdown_menu_list {
29
29
  background-color: #fff;
30
30
  padding: 10px 15px;
31
- border-radius: 3px;
32
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
31
+ border-radius: $border-radius;
32
+ @include box-shadow(0 0 4px 0 rgba(0, 0, 0, 0.1));
33
33
  display: inline-block;
34
34
  position: absolute;
35
35
  z-index: 1;
@@ -99,9 +99,9 @@ body.index {
99
99
  width: 40px;
100
100
  height: 50px;
101
101
  background-color: #fff;
102
- box-shadow: -1px 0 4px 0 rgba(0,0,0,.04);
103
- border-top-left-radius: 3px;
104
- border-bottom-left-radius: 3px;
102
+ @include box-shadow(-1px 0 4px 0 rgba(0,0,0,.04));
103
+ border-top-left-radius: $border-radius;
104
+ border-bottom-left-radius: $border-radius;
105
105
  @include icon("\f0b0");
106
106
  font-size: 20px;
107
107
  padding: 15px 10px;
@@ -14,13 +14,13 @@ body.logged_out {
14
14
  width: 100%;
15
15
  margin: auto;
16
16
  background-color: white;
17
- border-top: 3px solid $primary-color;
17
+ border-top: $border-radius solid $primary-color;
18
18
  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
19
19
  color: $text-color;
20
20
  padding: 20px;
21
21
 
22
22
  @media screen and (min-width: 400px) {
23
- border-radius: 3px;
23
+ border-radius: $border-radius;
24
24
  width: 400px;
25
25
  padding: 30px;
26
26
  }
@@ -1,10 +1,10 @@
1
1
  $sm-width: 576px;
2
2
  $md-width: 768px;
3
3
  $lg-width: 992px;
4
- $x-lg-width: 1200px;
4
+ $x-lg-width: 1400px;
5
5
 
6
6
  // <576px Extra small
7
7
  // ≥576px Small
8
8
  // ≥768px Medium
9
9
  // ≥992px Large
10
- // ≥1200px Extra large
10
+ // ≥1400px Extra large
@@ -1,3 +1,5 @@
1
1
  @import "colors";
2
2
  @import "size";
3
- @import "media_queries";
3
+ @import "media_queries";
4
+
5
+ $border-radius: 3px !default;
@@ -1,3 +1,3 @@
1
1
  module ArcticAdmin
2
- VERSION = "1.2.8"
2
+ VERSION = "1.2.9"
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: 1.2.8
4
+ version: 1.2.9
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: 2017-06-25 00:00:00.000000000 Z
11
+ date: 2017-07-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler