less-rails-semantic_ui 1.8.0.0 → 1.8.1.0
Sign up to get free protection for your applications and to get access to all the features.
- 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 [![Gem Version](https://badge.fury.io/rb/less-rails-semantic_ui.svg)](http://badge.fury.io/rb/less-rails-semantic_ui) [![Build Status](https://travis-ci.org/maxd/less-rails-semantic_ui.png?branch=master)](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
|