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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 8254f0e7f86e32460ee34f72bd4323d388d4ddf6
4
- data.tar.gz: 8522354df588ab789219c997f457dbf8a5fc2d62
3
+ metadata.gz: 2d703279826a8b6692d419443610cb3d5726cd35
4
+ data.tar.gz: d4d429e17d0b6552128d45d4f20a9c472dacf66a
5
5
  SHA512:
6
- metadata.gz: e5e08d392da663417ed108123e089f63e42ee9866a5754db443b9d020f6686b9bf90524cdf0c8d784ea7d028c2fe38c8456a1d9ec85cc0a3c188b41fb8519603
7
- data.tar.gz: b5e3920ab3c5fc2fcac8cc57d21abee89a557b6f5edf5653585eea924eadfa6be03c48a07e96c43437b8d173cfecfbe2f1e3c7e2220575545bb29ed270e81faf
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 provide ability to customize component themes and variables on the fly in your application.
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 (it is mean that it doesn't contains hacks usually used for convert LESS to SASS)
9
- * Semantic UI configs integrated to your application (you can customize it and change styles of components on the fly)
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 to `vendor/assets` directory:
23
+ After that, install configuration files inside your application in the `vendor/assets` directory with:
24
24
 
25
- $ rails generator semantic_ui:install
25
+ $ rails generate semantic_ui:install
26
26
 
27
- Add references to `semantic_ui/semantic_ui.js` in `app/assets/application.js`:
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
- Add references to `semantic_ui/semantic_ui.css` in `app/assets/application.css`:
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 generator semantic_ui:install
43
+ $ rails generate semantic_ui:install
44
44
 
45
45
  ## Customization
46
46
 
@@ -297,7 +297,7 @@ $.fn.popup = function(parameters) {
297
297
  hideAll: function() {
298
298
  $(selector.popup)
299
299
  .filter(':visible')
300
- .transition('hide')
300
+ .transition(settings.transition)
301
301
  ;
302
302
  },
303
303
 
@@ -125,23 +125,25 @@ $.fn.sticky = function(parameters) {
125
125
  var
126
126
  context = $context[0]
127
127
  ;
128
- if('MutationObserver' in window) {
129
- observer = new MutationObserver(function(mutations) {
130
- clearTimeout(module.timer);
131
- module.timer = setTimeout(function() {
132
- module.verbose('DOM tree modified, updating sticky menu');
133
- module.refresh();
134
- }, 200);
135
- });
136
- observer.observe(element, {
137
- childList : true,
138
- subtree : true
139
- });
140
- observer.observe(context, {
141
- childList : true,
142
- subtree : true
143
- });
144
- module.debug('Setting up mutation observer', observer);
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 : 'Sticky',
734
- namespace : 'sticky',
735
-
736
- debug : false,
737
- verbose : false,
738
- performance : false,
739
-
740
- pushing : false,
741
- context : false,
742
- scrollContext : window,
743
- offset : 0,
744
- bottomOffset : 0,
745
-
746
- onReposition : function(){},
747
- onScroll : function(){},
748
- onStick : function(){},
749
- onUnstick : function(){},
750
- onTop : function(){},
751
- onBottom : function(){},
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*="eight column"].doubling.grid > .row > .column,
1522
- .ui[class*="eight column"].doubling.grid > .column,
1523
- .ui.grid > [class*="eight column"].doubling.row > .column {
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
  }
@@ -1,7 +1,7 @@
1
1
  module Less
2
2
  module Rails
3
3
  module SemanticUI
4
- VERSION = '1.8.0.0'
4
+ VERSION = '1.8.1.0'
5
5
  end
6
6
  end
7
7
  end
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.0.0
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-25 00:00:00.000000000 Z
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.3
540
+ rubygems_version: 2.4.5
541
541
  signing_key:
542
542
  specification_version: 4
543
543
  summary: Semantic UI assets for Rails