bootstrap-bookingsync-sass 0.0.18 → 0.0.19
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/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>
|