bootstrap-bookingsync-sass 0.0.18 → 0.0.19
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +11 -3
- data/README.md +11 -1
- data/assets/javascripts/bookingsync/stackable.js +3 -1
- data/assets/javascripts/bootstrap-bookingsync-sprockets.js +1 -1
- data/docs/Gemfile.lock +1 -1
- data/docs/content/components/sheet.md +3 -4
- data/lib/bootstrap/bookingsync/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 68d3fa9f32e6e858b9f6a60e7e90f7f2da0f1815
|
4
|
+
data.tar.gz: e9021c644da5870f2e4bc2ff7cfcd2743aa008a7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5588cb6f2961bf1d6f19bde2ae10ff20bfec1e183f317eea4f8461a82870499a4d5bd29ff45202d45fad9c39217207ffc02edc1c7dcebbce8879436ebd233d05
|
7
|
+
data.tar.gz: 254897a2ea9ebe9a37b596512406a33f271eabd16e9533c21038496435fdb3f8c8c628d3feec8c62173d020ebc38e014e0486a86d949f0ae2c2a04d05dd791de
|
data/CHANGELOG.md
CHANGED
@@ -1,8 +1,16 @@
|
|
1
1
|
### Unreleased
|
2
2
|
|
3
|
+
### 0.0.19 - 2016-05-09
|
4
|
+
|
5
|
+
* bug fixes
|
6
|
+
* Fix `stackable` so items order can't be altered
|
7
|
+
|
8
|
+
* improvements
|
9
|
+
* Update ReadMe to explain how to use single javascript plugins
|
10
|
+
|
3
11
|
### 0.0.18 - 2016-05-09
|
4
12
|
|
5
|
-
*
|
13
|
+
* improvements
|
6
14
|
* add `tabs` with improved design when first element of a `sheet`
|
7
15
|
* add `stackable.js`, used to auto-stack list or tabs to always fit on single lines
|
8
16
|
* improve dropdown style through new `dropdown` stylesheet file
|
@@ -10,7 +18,7 @@
|
|
10
18
|
|
11
19
|
### 0.0.17 - 2016-04-08
|
12
20
|
|
13
|
-
*
|
21
|
+
* improvements
|
14
22
|
* add documentation
|
15
23
|
* move the menu and sheet components into separate files
|
16
24
|
* move flex helpers into utilities file
|
@@ -21,7 +29,7 @@
|
|
21
29
|
|
22
30
|
### 0.0.16 - 2015-12-14
|
23
31
|
|
24
|
-
*
|
32
|
+
* improvements
|
25
33
|
* add styling for `descriptions`
|
26
34
|
|
27
35
|
### 0.0.15 - 2015-12-09
|
data/README.md
CHANGED
@@ -14,6 +14,8 @@ gem 'bootstrap-bookingsync-sass'
|
|
14
14
|
|
15
15
|
`bundle install` and restart your server to make the files available through the pipeline.
|
16
16
|
|
17
|
+
### Stylesheets
|
18
|
+
|
17
19
|
Import Bootstrap styles in `app/assets/stylesheets/application.scss`:
|
18
20
|
|
19
21
|
```scss
|
@@ -35,6 +37,8 @@ Then, remove all the `*= require_self` and `*= require_tree .` statements from t
|
|
35
37
|
|
36
38
|
Do not use `*= require` in Sass or your other stylesheets will not be [able to access][antirequire] the Bootstrap BookingSync mixins or variables.
|
37
39
|
|
40
|
+
### Javascripts
|
41
|
+
|
38
42
|
Require Bootstrap BookingSync Javascripts in `app/assets/javascripts/application.js`:
|
39
43
|
|
40
44
|
```js
|
@@ -42,7 +46,13 @@ Require Bootstrap BookingSync Javascripts in `app/assets/javascripts/application
|
|
42
46
|
//= require bootstrap-bookingsync-sprockets
|
43
47
|
```
|
44
48
|
|
45
|
-
`bootstrap-bookingsync-sprockets`
|
49
|
+
`bootstrap-bookingsync-sprockets` loads all individual Bootstrap BookingSync Javascript files:
|
50
|
+
|
51
|
+
* `form.js`
|
52
|
+
* `switch.js`
|
53
|
+
* `stackable.js`
|
54
|
+
|
55
|
+
You can load each file individually using `bookingsync/stackable` for example.
|
46
56
|
|
47
57
|
`bootstrap-bookingsync-sprockets` won't load any Boostrap javascripts, you have to load them manually if you need them.
|
48
58
|
|
@@ -17,6 +17,7 @@
|
|
17
17
|
var $targetList = $target.children('ul');
|
18
18
|
var targetListWidth, maxItemsWidth;
|
19
19
|
var currentWidth = 0;
|
20
|
+
var stackNextItems = false;
|
20
21
|
|
21
22
|
// Get width of stacked tab
|
22
23
|
$target.removeClass('hide');
|
@@ -34,9 +35,10 @@
|
|
34
35
|
var $item = $(item);
|
35
36
|
var itemWidth = $item.width();
|
36
37
|
|
37
|
-
if (currentWidth + itemWidth < maxItemsWidth) {
|
38
|
+
if (stackNextItems !== true && currentWidth + itemWidth < maxItemsWidth) {
|
38
39
|
currentWidth += itemWidth;
|
39
40
|
} else {
|
41
|
+
stackNextItems = true;
|
40
42
|
$target.removeClass('hide');
|
41
43
|
$targetList.append($item.detach());
|
42
44
|
}
|
data/docs/Gemfile.lock
CHANGED
@@ -173,9 +173,8 @@
|
|
173
173
|
<li><a href="#">Tab 4</a></li>
|
174
174
|
<li><a href="#">Tab 5</a></li>
|
175
175
|
<li><a href="#">Tab 6</a></li>
|
176
|
-
<li><a href="#">Tab 7</a></li>
|
177
|
-
<li><a href="#">Tab 8</a></li>
|
178
|
-
<li><a href="#">Tab Last</a></li>
|
176
|
+
<li><a href="#">Tab 7 (with long name)</a></li>
|
177
|
+
<li><a href="#">Tab 8 (last)</a></li>
|
179
178
|
<li class="dropdown pull-right stackable-dropdown">
|
180
179
|
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
|
181
180
|
More <span class="caret"></span>
|
@@ -194,7 +193,7 @@
|
|
194
193
|
data-target=".stackable-dropdown">
|
195
194
|
<li><a href="#">Tab 1</a></li>
|
196
195
|
<li class="active"><a href="#">Tab 2</a></li>
|
197
|
-
<li><a href="#">Tab
|
196
|
+
<li><a href="#">Tab 3 (last)</a></li>
|
198
197
|
<li class="dropdown pull-right stackable-dropdown">
|
199
198
|
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
|
200
199
|
More <span class="caret"></span>
|