less-rails-semantic_ui 1.8.0.0 → 1.8.1.0
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/README.md +9 -9
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +1 -1
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +40 -36
- data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +3 -7
- data/assets/stylesheets/semantic_ui/definitions/elements/input.less +12 -4
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2d703279826a8b6692d419443610cb3d5726cd35
|
4
|
+
data.tar.gz: d4d429e17d0b6552128d45d4f20a9c472dacf66a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5d331e1c040f8be07974d4a307d292d735848724bb740bb52c2c77770fb5060b75931ebb5e504761208c35500d05a2c843d8652ebc8adba262b84cbe127a31dc
|
7
|
+
data.tar.gz: 4468273348f13d4063a10cbabcbdcd32791d42ed1b0c3f28644eee64e76921b52cdf7efaea053d57cfd389c2cc7666e7bb2b0a732586ec69ca45fa30a51db40c
|
data/README.md
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
# less-rails-semantic_ui [](http://badge.fury.io/rb/less-rails-semantic_ui) [](https://travis-ci.org/maxd/less-rails-semantic_ui)
|
2
2
|
|
3
3
|
This is a gem for Rails with [Semantic UI](https://github.com/Semantic-Org/Semantic-UI/) assets inside.
|
4
|
-
It
|
4
|
+
It provides the ability to customize component themes and variables on the fly in your application.
|
5
5
|
|
6
6
|
## Features
|
7
7
|
|
8
|
-
* LESS based (
|
9
|
-
* Semantic UI configs integrated
|
8
|
+
* LESS based (meaning that it doesn't contains hacks usually used to convert LESS to SASS)
|
9
|
+
* Semantic UI configs integrated in your application (you can customize and change component styles on the fly)
|
10
10
|
|
11
11
|
## Installation
|
12
12
|
|
@@ -20,17 +20,17 @@ And then execute:
|
|
20
20
|
|
21
21
|
$ bundle install
|
22
22
|
|
23
|
-
After that install configuration files inside your application
|
23
|
+
After that, install configuration files inside your application in the `vendor/assets` directory with:
|
24
24
|
|
25
|
-
$ rails
|
25
|
+
$ rails generate semantic_ui:install
|
26
26
|
|
27
|
-
|
27
|
+
Require `semantic_ui/semantic_ui.js` in `app/assets/application.js`:
|
28
28
|
|
29
29
|
...
|
30
30
|
//= require semantic_ui/semantic_ui
|
31
31
|
...
|
32
32
|
|
33
|
-
|
33
|
+
Require `semantic_ui/semantic_ui.css` in `app/assets/application.css`:
|
34
34
|
|
35
35
|
...
|
36
36
|
*= require semantic_ui/semantic_ui
|
@@ -38,9 +38,9 @@ Add references to `semantic_ui/semantic_ui.css` in `app/assets/application.css`:
|
|
38
38
|
|
39
39
|
## Upgrade to new version
|
40
40
|
|
41
|
-
Execute command below and merge your and new changes in config files:
|
41
|
+
Execute command below and merge your custom and new changes in config files:
|
42
42
|
|
43
|
-
$ rails
|
43
|
+
$ rails generate semantic_ui:install
|
44
44
|
|
45
45
|
## Customization
|
46
46
|
|
@@ -125,23 +125,25 @@ $.fn.sticky = function(parameters) {
|
|
125
125
|
var
|
126
126
|
context = $context[0]
|
127
127
|
;
|
128
|
-
if(
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
module.
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
128
|
+
if(settings.observeChanges) {
|
129
|
+
if('MutationObserver' in window) {
|
130
|
+
observer = new MutationObserver(function(mutations) {
|
131
|
+
clearTimeout(module.timer);
|
132
|
+
module.timer = setTimeout(function() {
|
133
|
+
module.verbose('DOM tree modified, updating sticky menu');
|
134
|
+
module.refresh();
|
135
|
+
}, 200);
|
136
|
+
});
|
137
|
+
observer.observe(element, {
|
138
|
+
childList : true,
|
139
|
+
subtree : true
|
140
|
+
});
|
141
|
+
observer.observe(context, {
|
142
|
+
childList : true,
|
143
|
+
subtree : true
|
144
|
+
});
|
145
|
+
module.debug('Setting up mutation observer', observer);
|
146
|
+
}
|
145
147
|
}
|
146
148
|
},
|
147
149
|
|
@@ -730,25 +732,27 @@ $.fn.sticky = function(parameters) {
|
|
730
732
|
|
731
733
|
$.fn.sticky.settings = {
|
732
734
|
|
733
|
-
name
|
734
|
-
namespace
|
735
|
-
|
736
|
-
debug
|
737
|
-
verbose
|
738
|
-
performance
|
739
|
-
|
740
|
-
pushing
|
741
|
-
context
|
742
|
-
scrollContext
|
743
|
-
offset
|
744
|
-
bottomOffset
|
745
|
-
|
746
|
-
|
747
|
-
|
748
|
-
|
749
|
-
|
750
|
-
|
751
|
-
|
735
|
+
name : 'Sticky',
|
736
|
+
namespace : 'sticky',
|
737
|
+
|
738
|
+
debug : false,
|
739
|
+
verbose : false,
|
740
|
+
performance : false,
|
741
|
+
|
742
|
+
pushing : false,
|
743
|
+
context : false,
|
744
|
+
scrollContext : window,
|
745
|
+
offset : 0,
|
746
|
+
bottomOffset : 0,
|
747
|
+
|
748
|
+
observeChanges : true,
|
749
|
+
|
750
|
+
onReposition : function(){},
|
751
|
+
onScroll : function(){},
|
752
|
+
onStick : function(){},
|
753
|
+
onUnstick : function(){},
|
754
|
+
onTop : function(){},
|
755
|
+
onBottom : function(){},
|
752
756
|
|
753
757
|
error : {
|
754
758
|
container : 'Sticky element must be inside a relative container',
|
@@ -80,7 +80,6 @@
|
|
80
80
|
.ui.grid > .row > .column {
|
81
81
|
position: relative;
|
82
82
|
display: inline-block;
|
83
|
-
text-align: left;
|
84
83
|
font-size: 1rem;
|
85
84
|
|
86
85
|
width: @oneWide;
|
@@ -1518,9 +1517,9 @@
|
|
1518
1517
|
.ui.grid > [class*="six column"].doubling.row > .column {
|
1519
1518
|
width: @threeColumn !important;
|
1520
1519
|
}
|
1521
|
-
.ui[class*="
|
1522
|
-
.ui[class*="
|
1523
|
-
.ui.grid > [class*="
|
1520
|
+
.ui[class*="seven column"].doubling.grid > .row > .column,
|
1521
|
+
.ui[class*="seven column"].doubling.grid > .column,
|
1522
|
+
.ui.grid > [class*="seven column"].doubling.row > .column {
|
1524
1523
|
width: @threeColumn !important;
|
1525
1524
|
}
|
1526
1525
|
.ui[class*="eight column"].doubling.grid > .row > .column,
|
@@ -1572,9 +1571,6 @@
|
|
1572
1571
|
|
1573
1572
|
/* Mobily Only */
|
1574
1573
|
@media only screen and (max-width: @largestMobileScreen) {
|
1575
|
-
.ui.doubling.grid {
|
1576
|
-
width: 100% !important;
|
1577
|
-
}
|
1578
1574
|
.ui.grid > .doubling.row,
|
1579
1575
|
.ui.doubling.grid > .row {
|
1580
1576
|
display: block !important;
|
@@ -288,7 +288,7 @@
|
|
288
288
|
vertical-align: top;
|
289
289
|
}
|
290
290
|
.ui.labeled.input > .label {
|
291
|
-
display: table-cell;
|
291
|
+
display: table-cell !important;
|
292
292
|
vertical-align: middle;
|
293
293
|
white-space: nowrap;
|
294
294
|
font-size: 1em;
|
@@ -369,9 +369,16 @@
|
|
369
369
|
}
|
370
370
|
.ui.action.input > .button,
|
371
371
|
.ui.action.input > .buttons {
|
372
|
-
display: table-cell;
|
372
|
+
display: table-cell !important;
|
373
|
+
vertical-align: middle;
|
374
|
+
white-space: nowrap;
|
375
|
+
margin: 0;
|
376
|
+
}
|
377
|
+
.ui.action.input > .button,
|
378
|
+
.ui.action.input > .buttons > .button {
|
373
379
|
vertical-align: middle;
|
374
380
|
white-space: nowrap;
|
381
|
+
margin: 0;
|
375
382
|
padding-top: @verticalPadding;
|
376
383
|
padding-bottom: @verticalPadding;
|
377
384
|
}
|
@@ -381,6 +388,7 @@
|
|
381
388
|
vertical-align: top;
|
382
389
|
}
|
383
390
|
|
391
|
+
/* Fluid */
|
384
392
|
.ui.fluid.action.input {
|
385
393
|
display: table;
|
386
394
|
width: 100%;
|
@@ -396,14 +404,14 @@
|
|
396
404
|
border-bottom-right-radius: 0px !important;
|
397
405
|
}
|
398
406
|
.ui.action.input:not([class*="left action"]) > .button,
|
399
|
-
.ui.action.input:not([class*="left action"]) > .buttons {
|
407
|
+
.ui.action.input:not([class*="left action"]) > .buttons > .button {
|
400
408
|
border-top-left-radius: 0px;
|
401
409
|
border-bottom-left-radius: 0px;
|
402
410
|
}
|
403
411
|
|
404
412
|
/* Button on Left */
|
405
413
|
.ui[class*="left action"].input > .button,
|
406
|
-
.ui[class*="left action"].input > .buttons {
|
414
|
+
.ui[class*="left action"].input > .buttons > .button {
|
407
415
|
border-top-right-radius: 0px;
|
408
416
|
border-bottom-right-radius: 0px;
|
409
417
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: less-rails-semantic_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.8.
|
4
|
+
version: 1.8.1.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Maxim Dobryakov
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-01-
|
11
|
+
date: 2015-01-26 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: less-rails
|
@@ -537,7 +537,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
537
537
|
version: '0'
|
538
538
|
requirements: []
|
539
539
|
rubyforge_project:
|
540
|
-
rubygems_version: 2.4.
|
540
|
+
rubygems_version: 2.4.5
|
541
541
|
signing_key:
|
542
542
|
specification_version: 4
|
543
543
|
summary: Semantic UI assets for Rails
|