arctic_admin 1.2.5 → 1.2.6

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: 484c455c6976c0120f996a585115d2283d40baaa
4
- data.tar.gz: 1dbb7aca99fc3c1592e134f6d4e9d6617186a807
3
+ metadata.gz: 3d21e67cc443c7b310d3d6f4b5bc88810c4c4b1e
4
+ data.tar.gz: 02a66959cbde507488b4c72eb2defefe6510a7ff
5
5
  SHA512:
6
- metadata.gz: d5f8f107387285d8a4b4cb3c5684e73882c4e002903de311c768eb8c834e83a8583c4eaf7da0880a21464539174926f02e8c9130418369652797c212c3bcf8f6
7
- data.tar.gz: c59bfad74339d4d10d0aaca1e8b3d5c4f6e70eb07eeea9df58de9aae5fad94001fb2ad96c07cc1972c11c81b1183ed7fe23c111d34a4fea1a5de41a9bc67dfba
6
+ metadata.gz: 3bff1575e662d565c7afe3cc4f242a1b592eaa18e58cb23dfdb5d1744f77a5d5ccb41814cb6a520d62f6637f70d75996f224e369491429a3e4be2cfff6c93617
7
+ data.tar.gz: '09a339177ba82c1d124656ac4048f92049c53d724d44dc6519679eeef4a0b24cc64ad072d68fea76a5674c28d16d467255ff05dabb06635e4d7a05e08f4b31c5'
@@ -57,6 +57,23 @@ input[type="submit"] {
57
57
  cursor: pointer;
58
58
  }
59
59
 
60
+ input[type="checkbox"] {
61
+ height: 15px;
62
+ width: 15px;
63
+ -webkit-appearance: none!important;
64
+ background-color: #fff;
65
+ border: 1px solid #e6e6e6;
66
+ border-radius: 3px;
67
+ box-sizing: border-box;
68
+ @include outline();
69
+ @include transition-button();
70
+
71
+ &:checked {
72
+ border-color: $primary-color;
73
+ background-color: $primary-color;
74
+ }
75
+ }
76
+
60
77
  select {
61
78
  background-color: #fff;
62
79
  background-image: none;
@@ -5,7 +5,7 @@
5
5
  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
6
6
  margin-bottom: 30px;
7
7
 
8
- @media screen and (min-width: $lg-width) {
8
+ @media screen and (min-width: $x-lg-width) {
9
9
  width: $lg-filter-width;
10
10
  }
11
11
 
@@ -1,11 +1,15 @@
1
1
  .admin_namespace {
2
- padding-top: 60px;
2
+ padding-top: 50px;
3
3
 
4
- @media screen and (min-width: $md-width) {
5
- padding-left: $header-width;
4
+ @media screen and (min-width: $sm-width) {
5
+ padding-top: 60px;
6
6
  }
7
7
 
8
8
  @media screen and (min-width: $lg-width) {
9
+ padding-left: $header-width;
10
+ }
11
+
12
+ @media screen and (min-width: $x-lg-width) {
9
13
  padding-left: $lg-header-width;
10
14
  }
11
15
 
@@ -13,7 +17,7 @@
13
17
  padding: 30px 0;
14
18
  @include clear-fix();
15
19
 
16
- @media screen and (min-width: $md-width) {
20
+ @media screen and (min-width: $lg-width) {
17
21
  padding: 30px 25px;
18
22
  }
19
23
  }
@@ -21,19 +25,26 @@
21
25
 
22
26
  .header {
23
27
  .site_title {
24
- width: $header-width;
25
- height: 60px;
28
+ width: 160px;
29
+ height: 50px;
30
+ font-size: 16px;
31
+ line-height: 50px;
26
32
  position: fixed;
27
33
  top: 0;
28
34
  left: 0;
29
35
  background-color: $header-background;
30
36
  border-bottom: 1px solid $header-border-color;
31
- font-size: 20px;
32
37
  text-align: center;
33
38
  margin: 0;
34
- line-height: 60px;
35
39
 
36
- @media screen and (min-width: $lg-width) {
40
+ @media screen and (min-width: $sm-width) {
41
+ width: $header-width;
42
+ height: 60px;
43
+ font-size: 20px;
44
+ line-height: 60px;
45
+ }
46
+
47
+ @media screen and (min-width: $x-lg-width) {
37
48
  width: $lg-header-width;
38
49
  }
39
50
 
@@ -44,7 +55,8 @@
44
55
  }
45
56
 
46
57
  #utility_nav {
47
- height: 60px;
58
+ height: 50px;
59
+ width: calc(100% - 160px);
48
60
  position: fixed;
49
61
  top: 0;
50
62
  right: 0;
@@ -52,33 +64,39 @@
52
64
  text-align: right;
53
65
  background-color: $header-background;
54
66
  border-bottom: 1px solid $header-border-color;
55
- width: $screen-header-width;
67
+
68
+ &:before {
69
+ @include icon("\f0c9");
70
+
71
+ display: inline;
72
+ visibility: visible;
73
+ cursor: pointer;
74
+ position: absolute;
75
+ top: 0;
76
+ left: 0;
77
+ color: $text-color;
78
+ padding: 15px 0;
79
+ text-align: center;
80
+ width: 40px;
81
+ font-size: 20px;
82
+ }
56
83
 
57
84
  @media screen and (min-width: $sm-width) {
85
+ height: 60px;
86
+ width: $screen-header-width;
87
+
58
88
  &:before {
59
- @include icon("\f0c9");
60
-
61
- display: inline;
62
- visibility: visible;
63
- cursor: pointer;
64
- position: absolute;
65
- top: 0;
66
- left: 0;
67
- color: $text-color;
68
89
  padding: 20px 0;
69
- text-align: center;
70
- width: 40px;
71
- font-size: 20px;
72
90
  }
73
91
  }
74
92
 
75
- @media screen and (min-width: $md-width) {
93
+ @media screen and (min-width: $lg-width) {
76
94
  &:before {
77
95
  display: none;
78
96
  }
79
97
  }
80
98
 
81
- @media screen and (min-width: $lg-width) {
99
+ @media screen and (min-width: $x-lg-width) {
82
100
  width: $lg-screen-header-width;
83
101
  }
84
102
 
@@ -99,8 +117,8 @@
99
117
  a {
100
118
  visibility: hidden;
101
119
  position: relative;
102
- width: 60px;
103
- height: 59px;
120
+ width: 50px;
121
+ height: 49px;
104
122
  display: inline-block;
105
123
 
106
124
  &:before {
@@ -113,23 +131,33 @@
113
131
  top: 0;
114
132
  right: 0;
115
133
  color: $text-color;
116
- padding: 20px 0;
134
+ padding: 15px 0;
117
135
  text-align: center;
118
- width: 60px;
136
+ width: 50px;
119
137
  font-size: 20px;
120
138
  }
139
+
140
+ @media screen and (min-width: $sm-width) {
141
+ width: 60px;
142
+ height: 59px;
143
+
144
+ &:before {
145
+ padding: 20px 0;
146
+ width: 60px;
147
+ }
148
+ }
121
149
  }
122
150
  }
123
151
 
124
152
  #logout {
125
- min-width: 60px;
126
- min-height: 59px;
153
+ min-width: 50px;
154
+ min-height: 49px;
127
155
  float: right;
128
156
 
129
157
  a {
130
158
  visibility: hidden;
131
159
  position: relative;
132
- width: 60px;
160
+ width: 50px;
133
161
  display: block;
134
162
 
135
163
  &:before {
@@ -142,11 +170,27 @@
142
170
  top: 0;
143
171
  right: 0;
144
172
  color: $text-color;
145
- padding: 20px 0;
173
+ padding: 15px 0;
146
174
  text-align: center;
147
- width: 60px;
175
+ width: 50px;
148
176
  font-size: 20px;
149
177
  }
178
+
179
+ }
180
+
181
+ @media screen and (min-width: $sm-width) {
182
+ min-width: 60px;
183
+ min-height: 59px;
184
+
185
+ a {
186
+ width: 60px;
187
+ height: 59px;
188
+
189
+ &:before {
190
+ padding: 20px 0;
191
+ width: 60px;
192
+ }
193
+ }
150
194
  }
151
195
  }
152
196
  }
@@ -159,7 +203,7 @@
159
203
  padding: 8px 10px;
160
204
  @include clear-fix();
161
205
 
162
- @media screen and (min-width: $md-width) {
206
+ @media screen and (min-width: $lg-width) {
163
207
  padding: 8px 20px;
164
208
  border-radius: 3px;
165
209
  margin: 15px 25px 0 25px;
@@ -8,7 +8,20 @@
8
8
  #active_admin_content.with_sidebar #main_content_wrapper {
9
9
  width: 100%;
10
10
 
11
- @media screen and (min-width: $md-width) {
11
+ @media screen and (min-width: $sm-width) {
12
+ #main_content {
13
+ border-top-right-radius: 3px;
14
+ border-bottom-right-radius: 3px;
15
+ }
16
+ }
17
+
18
+ @media screen and (min-width: $lg-width) {
19
+ #main_content {
20
+ margin-right: 20px;
21
+ }
22
+ }
23
+
24
+ @media screen and (min-width: $lg-width) {
12
25
  #main_content {
13
26
  margin-right: 20px;
14
27
  }
@@ -18,9 +31,13 @@
18
31
  #main_content {
19
32
  background-color: #fff;
20
33
  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
21
- padding: 10px 5px;
34
+ padding: 15px 10px;
35
+
36
+ @media screen and (max-width: 576px) {
37
+ overflow-x: scroll;
38
+ }
22
39
 
23
- @media screen and (min-width: $md-width) {
40
+ @media screen and (min-width: $lg-width) {
24
41
  padding: 20px;
25
42
  border-radius: 3px;
26
43
  }
@@ -2,21 +2,22 @@
2
2
  width: $header-width;
3
3
  height: calc(100% - 60px);
4
4
  position: fixed;
5
- top: 60px;
5
+ top: 50px;
6
6
  background-color: $sidebar-background;
7
7
  border-right: 1px solid $sidebar-border-color;
8
8
  z-index: 1;
9
9
  overflow: auto;
10
+ left: - $header-width;
10
11
 
11
12
  @media screen and (min-width: $sm-width) {
12
- left: - $header-width;
13
+ top: 60px;
13
14
  }
14
15
 
15
- @media screen and (min-width: $md-width) {
16
+ @media screen and (min-width: $lg-width) {
16
17
  left: 0px;
17
18
  }
18
19
 
19
- @media screen and (min-width: $lg-width) {
20
+ @media screen and (min-width: $x-lg-width) {
20
21
  width: $lg-header-width;
21
22
  }
22
23
 
@@ -75,7 +76,7 @@
75
76
  background-color: $sidebar-nested-item-hover-background;
76
77
  }
77
78
 
78
- @media screen and (min-width: $lg-width) {
79
+ @media screen and (min-width: $x-lg-width) {
79
80
  padding: 0px 15px 0px 40px;
80
81
  }
81
82
  }
@@ -19,6 +19,12 @@
19
19
  }
20
20
  }
21
21
 
22
+ @mixin outline() {
23
+ &:focus {
24
+ outline: 0;
25
+ }
26
+ }
27
+
22
28
  @mixin icon($code-icon) {
23
29
  font-size: inherit;
24
30
  text-rendering: auto;
@@ -6,16 +6,23 @@ body.logged_in {
6
6
 
7
7
  .input {
8
8
  .label {
9
- width: 25%;
10
- float: left;
11
- height: 25px;
9
+ padding-bottom: 5px;
12
10
  text-align: left;
13
- padding-right: 20px;
14
11
  margin: auto 0;
12
+
13
+ @media screen and (min-width: $sm-width) {
14
+ padding-bottom: 0;
15
+ height: 25px;
16
+ width: 25%;
17
+ float: left;
18
+ padding-right: 20px;
19
+ }
15
20
  }
16
21
 
17
22
  input {
18
- width: 50%;
23
+ @media screen and (min-width: $sm-width) {
24
+ width: 50%;
25
+ }
19
26
 
20
27
  &[type='radio'] {
21
28
  width: auto;
@@ -67,12 +67,6 @@ body.index {
67
67
  padding: 2px 9px;
68
68
  margin-right: 4px;
69
69
  }
70
-
71
- .view_link {
72
- &:after {
73
-
74
- }
75
- }
76
70
  }
77
71
 
78
72
  .scopes {
@@ -10,17 +10,20 @@ body.logged_out {
10
10
  }
11
11
  }
12
12
 
13
- #login {
14
- width: 400px;
15
- max-width: 95%;
13
+ #login {
14
+ width: 100%;
16
15
  margin: auto;
17
16
  background-color: white;
18
17
  border-top: 3px solid $primary-color;
19
18
  box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
20
- border-radius: 3px;
21
- padding: 30px;
22
-
23
19
  color: $text-color;
20
+ padding: 20px;
21
+
22
+ @media screen and (min-width: 400px) {
23
+ border-radius: 3px;
24
+ width: 400px;
25
+ padding: 30px;
26
+ }
24
27
 
25
28
  h2 {
26
29
  text-align: center;
@@ -3,7 +3,12 @@ body.show {
3
3
  #main_content_wrapper {
4
4
  width: $screen-filter-width;
5
5
 
6
+ @media screen and (min-width: $sm-width) {
7
+ padding-right: 10px;
8
+ }
9
+
6
10
  @media screen and (min-width: $lg-width) {
11
+ padding-right: 0;
7
12
  width: $lg-screen-filter-width;
8
13
  }
9
14
  }
@@ -1,3 +1,10 @@
1
- $sm-width: 768px;
2
- $md-width: 960px;
3
- $lg-width: 1300px;
1
+ $sm-width: 576px;
2
+ $md-width: 768px;
3
+ $lg-width: 992px;
4
+ $x-lg-width: 1200px;
5
+
6
+ // <576px Extra small
7
+ // ≥576px Small
8
+ // ≥768px Medium
9
+ // ≥992px Large
10
+ // ≥1200px Extra large
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.5
4
+ version: 1.2.6
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-02-05 00:00:00.000000000 Z
11
+ date: 2017-05-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler