active_bootstrap_skin 0.1.2 → 0.1.3
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:
|
|
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
|
|
|
@@ -36,6 +45,10 @@ gem 'active_bootstrap_skin'
|
|
|
36
45
|
|
|
37
46
|
|
|
38
47
|
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
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
|