active_bootstrap_skin 0.1.2 → 0.1.3
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 359cc07d65f7374b505b041b4bb4110ae0af1cdc
|
4
|
+
data.tar.gz: e9fef4a9d758eeafb04bba32ce234ec7e245c998
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 045ca6cb6e04a538a3c912b2058651f07c28200cda9c55046ad4e564d6c0e5f5dd3cafb5e4285aa75ed0087fef910aeb459a60490ac15e22f99396c998170808
|
7
|
+
data.tar.gz: 95f7415dde1061edbfc77c219a40e370031da8233f3d47a6dbf414611278005a6b4163a6cd6875bcc2b56afb6ca694926b74f9b990629a05712ee4d6e9a20ba1
|
data/README.md
CHANGED
@@ -19,7 +19,7 @@ gem 'active_bootstrap_skin'
|
|
19
19
|
|
20
20
|
- In the `active_admin.scss` file, you include `active_bootstrap_skin`. **Note: You have to comment the active admin stylesheets.**
|
21
21
|
|
22
|
-
```
|
22
|
+
```css
|
23
23
|
// Active Admin's got SASS!
|
24
24
|
// @import "active_admin/mixins";
|
25
25
|
// @import "active_admin/base";
|
@@ -28,6 +28,15 @@ gem 'active_bootstrap_skin'
|
|
28
28
|
@import "active_bootstrap_skin";
|
29
29
|
```
|
30
30
|
|
31
|
+
- In the `active_admin.js` file, you require `active_bootstrap_skin`.
|
32
|
+
|
33
|
+
```javascript
|
34
|
+
//= require active_admin/base
|
35
|
+
//= require bootstrap-sprockets
|
36
|
+
|
37
|
+
//= require active_bootstrap_skin
|
38
|
+
```
|
39
|
+
|
31
40
|
## Screens
|
32
41
|
|
33
42
|
![Login](https://cloud.githubusercontent.com/assets/1997137/14111523/49c1e80c-f5f5-11e5-9fd4-d1700428b167.png)
|
@@ -36,6 +45,10 @@ gem 'active_bootstrap_skin'
|
|
36
45
|
|
37
46
|
![Admin Responsive](https://cloud.githubusercontent.com/assets/1997137/14111613/8fd64eb4-f5f5-11e5-9024-0d0dbf4c4b88.png)
|
38
47
|
|
48
|
+
![Admin viewport](https://cloud.githubusercontent.com/assets/1997137/15280259/d47272f4-1b58-11e6-86e8-b35836557890.png)
|
49
|
+
|
50
|
+
![Admin dropdown](https://cloud.githubusercontent.com/assets/1997137/15280303/57980aea-1b59-11e6-9cda-b58573a03f84.png)
|
51
|
+
|
39
52
|
## Contributing
|
40
53
|
|
41
54
|
Bug reports and pull requests are welcome on GitHub at https://github.com/vinhnglx/active_bootstrap_skin. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org/) code of conduct.
|
@@ -0,0 +1,28 @@
|
|
1
|
+
$(document).ready(function() {
|
2
|
+
// Add meta view port
|
3
|
+
$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1">');
|
4
|
+
|
5
|
+
// Dropdown menus
|
6
|
+
$(window).resize(function(){
|
7
|
+
if ($(window).width() <= 768) {
|
8
|
+
$('#tabs').addClass('collapse');
|
9
|
+
} else {
|
10
|
+
$('#tabs').removeClass('collapse');
|
11
|
+
}
|
12
|
+
});
|
13
|
+
|
14
|
+
html_responsive = ' \
|
15
|
+
<ul class="header-item tabs mobile"> \
|
16
|
+
<li> \
|
17
|
+
<button class="navbar-toggle button_mobile_burger" type="button" data-toggle="collapse" href="#tabs" aria-expanded="true" aria-controls="tabs"> \
|
18
|
+
<span class="sr-only">Toggle navigation</span> \
|
19
|
+
<span class="icon-bar"></span> \
|
20
|
+
<span class="icon-bar"></span> \
|
21
|
+
<span class="icon-bar"></span> \
|
22
|
+
</button> \
|
23
|
+
</li> \
|
24
|
+
</ul> \
|
25
|
+
'
|
26
|
+
|
27
|
+
$(html_responsive).insertAfter('#site_title');
|
28
|
+
});
|
@@ -2,6 +2,12 @@
|
|
2
2
|
|
3
3
|
#wrapper {
|
4
4
|
@extend .container-fluid;
|
5
|
+
padding-left: 0px;
|
6
|
+
padding-right: 0px;
|
7
|
+
div {
|
8
|
+
padding-left: 5px;
|
9
|
+
padding-right: 5px;
|
10
|
+
}
|
5
11
|
}
|
6
12
|
|
7
13
|
.flash {
|
@@ -14,7 +20,7 @@
|
|
14
20
|
}
|
15
21
|
|
16
22
|
.flash_notice {
|
17
|
-
@extend .alert-success
|
23
|
+
@extend .alert-success
|
18
24
|
}
|
19
25
|
|
20
26
|
#error_explanation {
|
@@ -49,10 +55,31 @@
|
|
49
55
|
#header {
|
50
56
|
@extend .navbar;
|
51
57
|
@extend .navbar-inverse;
|
58
|
+
border-radius: 0px;
|
59
|
+
|
60
|
+
.mobile {
|
61
|
+
display: none;
|
62
|
+
}
|
52
63
|
|
53
64
|
@media (max-width: 768px) {
|
65
|
+
.button_mobile_burger {
|
66
|
+
margin-top: 0;
|
67
|
+
}
|
68
|
+
|
54
69
|
#site_title {
|
55
|
-
float:
|
70
|
+
float: left;
|
71
|
+
}
|
72
|
+
|
73
|
+
#utility_nav {
|
74
|
+
display: none;
|
75
|
+
}
|
76
|
+
|
77
|
+
#tabs {
|
78
|
+
clear: both;
|
79
|
+
}
|
80
|
+
|
81
|
+
.mobile {
|
82
|
+
display: block;
|
56
83
|
}
|
57
84
|
|
58
85
|
.header-item.tabs {
|
@@ -81,9 +108,7 @@
|
|
81
108
|
@extend .nav;
|
82
109
|
@extend .navbar-nav;
|
83
110
|
|
84
|
-
li.current {
|
85
|
-
@extend .active;
|
86
|
-
}
|
111
|
+
li.current { @extend .active; }
|
87
112
|
}
|
88
113
|
|
89
114
|
|
@@ -114,19 +139,12 @@
|
|
114
139
|
.filter_form_field {
|
115
140
|
@extend .form-group;
|
116
141
|
|
117
|
-
input,select {
|
118
|
-
@extend .form-control;
|
119
|
-
}
|
142
|
+
input,select { @extend .form-control; }
|
120
143
|
}
|
121
144
|
|
122
145
|
.buttons {
|
123
|
-
input, a {
|
124
|
-
|
125
|
-
@extend .btn-default;
|
126
|
-
}
|
127
|
-
input[type="submit"] {
|
128
|
-
@extend .btn-primary;
|
129
|
-
}
|
146
|
+
input, a { @extend .btn; @extend .btn-default; }
|
147
|
+
input[type="submit"] { @extend .btn-primary; }
|
130
148
|
}
|
131
149
|
}
|
132
150
|
|
@@ -135,17 +153,13 @@
|
|
135
153
|
@extend .row;
|
136
154
|
|
137
155
|
&.without_sidebar {
|
138
|
-
#main_content_wrapper {
|
139
|
-
@extend .col-lg-6;
|
140
|
-
}
|
156
|
+
#main_content_wrapper { @extend .col-md-6; }
|
141
157
|
}
|
142
158
|
|
143
159
|
&.with_sidebar {
|
144
|
-
#main_content_wrapper {
|
145
|
-
@extend .col-lg-9;
|
146
|
-
}
|
160
|
+
#main_content_wrapper { @extend .col-md-9; }
|
147
161
|
#sidebar {
|
148
|
-
@extend .col-
|
162
|
+
@extend .col-md-3;
|
149
163
|
input {
|
150
164
|
margin-top: 10px;
|
151
165
|
}
|
@@ -183,11 +197,11 @@
|
|
183
197
|
}
|
184
198
|
|
185
199
|
.ui-datepicker-prev {
|
186
|
-
|
200
|
+
float: left;
|
187
201
|
}
|
188
202
|
|
189
203
|
.ui-datepicker-next {
|
190
|
-
|
204
|
+
float: right;
|
191
205
|
}
|
192
206
|
|
193
207
|
.ui-datepicker-today {
|
@@ -201,15 +215,14 @@
|
|
201
215
|
}
|
202
216
|
|
203
217
|
/* Tables */
|
204
|
-
.
|
205
|
-
|
206
|
-
}
|
207
|
-
.attributes_table table {
|
208
|
-
@extend .table;
|
209
|
-
}
|
218
|
+
.index_as_table { @extend .table-responsive; }
|
219
|
+
.index_table { @extend .table; }
|
220
|
+
.attributes_table table { @extend .table; }
|
210
221
|
|
211
222
|
/* Forms */
|
212
223
|
form {
|
224
|
+
//@extend form[role="form"];
|
225
|
+
|
213
226
|
.inputs, .actions {
|
214
227
|
ol {
|
215
228
|
padding-left: 0;
|
@@ -239,6 +252,7 @@ form {
|
|
239
252
|
}
|
240
253
|
|
241
254
|
label.label {
|
255
|
+
/* The label class has a different meaning in bootstrap */
|
242
256
|
display: inline-block;
|
243
257
|
font-weight: bold;
|
244
258
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: active_bootstrap_skin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.3
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Vinh Nguyen
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-
|
11
|
+
date: 2016-05-17 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -69,6 +69,7 @@ files:
|
|
69
69
|
- Rakefile
|
70
70
|
- active_bootstrap_skin.gemspec
|
71
71
|
- app/assets/images/.gitkeep
|
72
|
+
- app/assets/javascripts/active_bootstrap_skin.js
|
72
73
|
- app/assets/stylesheets/active_bootstrap_skin.scss
|
73
74
|
- bin/console
|
74
75
|
- bin/setup
|