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 +4 -4
- data/app/assets/stylesheets/components/_inputs.scss +17 -0
- data/app/assets/stylesheets/layouts/_filter.scss +1 -1
- data/app/assets/stylesheets/layouts/_header.scss +79 -35
- data/app/assets/stylesheets/layouts/_main_content.scss +20 -3
- data/app/assets/stylesheets/layouts/_sidebar.scss +6 -5
- data/app/assets/stylesheets/mixins/_prefix_mixins.scss +6 -0
- data/app/assets/stylesheets/pages/_form.scss +12 -5
- data/app/assets/stylesheets/pages/_index.scss +0 -6
- data/app/assets/stylesheets/pages/_login.scss +9 -6
- data/app/assets/stylesheets/pages/_show.scss +5 -0
- data/app/assets/stylesheets/variables/_media_queries.scss +10 -3
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 3d21e67cc443c7b310d3d6f4b5bc88810c4c4b1e
|
4
|
+
data.tar.gz: 02a66959cbde507488b4c72eb2defefe6510a7ff
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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;
|
@@ -1,11 +1,15 @@
|
|
1
1
|
.admin_namespace {
|
2
|
-
padding-top:
|
2
|
+
padding-top: 50px;
|
3
3
|
|
4
|
-
@media screen and (min-width: $
|
5
|
-
padding-
|
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: $
|
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:
|
25
|
-
height:
|
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: $
|
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:
|
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
|
-
|
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: $
|
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:
|
103
|
-
height:
|
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:
|
134
|
+
padding: 15px 0;
|
117
135
|
text-align: center;
|
118
|
-
width:
|
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:
|
126
|
-
min-height:
|
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:
|
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:
|
173
|
+
padding: 15px 0;
|
146
174
|
text-align: center;
|
147
|
-
width:
|
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: $
|
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: $
|
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
|
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: $
|
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:
|
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
|
-
|
13
|
+
top: 60px;
|
13
14
|
}
|
14
15
|
|
15
|
-
@media screen and (min-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
|
}
|
@@ -6,16 +6,23 @@ body.logged_in {
|
|
6
6
|
|
7
7
|
.input {
|
8
8
|
.label {
|
9
|
-
|
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:
|
23
|
+
@media screen and (min-width: $sm-width) {
|
24
|
+
width: 50%;
|
25
|
+
}
|
19
26
|
|
20
27
|
&[type='radio'] {
|
21
28
|
width: auto;
|
@@ -10,17 +10,20 @@ body.logged_out {
|
|
10
10
|
}
|
11
11
|
}
|
12
12
|
|
13
|
-
#login {
|
14
|
-
width:
|
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;
|
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.
|
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-
|
11
|
+
date: 2017-05-21 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|