semantic-ui-sass 0.10.2.0 → 0.10.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/README.md +6 -2
- data/app/assets/javascripts/semantic-ui/dimmer.js +2 -2
- data/app/assets/javascripts/semantic-ui/dropdown.js +9 -6
- data/app/assets/javascripts/semantic-ui/popup.js +26 -0
- data/app/assets/javascripts/semantic-ui/tab.js +3 -0
- data/app/assets/javascripts/semantic-ui/transition.js +21 -8
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +64 -32
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +0 -4
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +6 -6
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a1f173e899bab4e13deb41c14813ad45e017a985
|
4
|
+
data.tar.gz: cb71c2dd1c7c082995c7ededb916369cb67286ef
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a2388d280fc8a24e8209c9f861714f2d177fda72b0b53f451d057d95b06c4c53c94e13a7253251d0db3fb07a2b3e5d253eb6ec907b546cb10381ea6c1647d85b
|
7
|
+
data.tar.gz: b4ab297112db2c42c3a19cf7000f6f58cd6bc825c0ed4a7d695d3baa2280d3259f2098c68119478c4b6cff45bc822de14b5fb08046f5d1ea523329f0a8a15de2
|
data/CHANGELOG.md
CHANGED
data/README.md
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
## Installation and Usage
|
6
6
|
|
7
7
|
```ruby
|
8
|
-
gem 'semantic-ui-sass', '~> 0.10.
|
8
|
+
gem 'semantic-ui-sass', '~> 0.10.3.0'
|
9
9
|
```
|
10
10
|
or
|
11
11
|
|
@@ -81,6 +81,10 @@ require 'semantic-ui-sass'
|
|
81
81
|
compass install semantic-ui
|
82
82
|
```
|
83
83
|
|
84
|
+
### NOTE
|
85
|
+
|
86
|
+
When using compass, you should visit file in local server, eg `http://localhost:3000/index.html`, rather than `file:///Users/doabit/demo/index.html`
|
87
|
+
|
84
88
|
# Rails Helpers
|
85
89
|
|
86
90
|
## Breadcrumbs helper
|
@@ -138,4 +142,4 @@ semantic_icon(:add, :sign)
|
|
138
142
|
2. Create your feature branch (`git checkout -b my-new-feature`)
|
139
143
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
140
144
|
4. Push to the branch (`git push origin my-new-feature`)
|
141
|
-
5. Create new Pull Request
|
145
|
+
5. Create new Pull Request
|
@@ -136,11 +136,11 @@ $.fn.dimmer = function(parameters) {
|
|
136
136
|
|
137
137
|
addContent: function(element) {
|
138
138
|
var
|
139
|
-
$content = $(element)
|
139
|
+
$content = $(element)
|
140
140
|
;
|
141
141
|
module.debug('Add content to dimmer', $content);
|
142
142
|
if($content.parent()[0] !== $dimmer[0]) {
|
143
|
-
$
|
143
|
+
$content.detach().appendTo($dimmer);
|
144
144
|
}
|
145
145
|
},
|
146
146
|
|
@@ -456,12 +456,15 @@ $.fn.dropdown = function(parameters) {
|
|
456
456
|
callback();
|
457
457
|
}
|
458
458
|
else if($.fn.transition !== undefined && $module.transition('is supported')) {
|
459
|
-
$currentMenu
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
459
|
+
$currentMenu
|
460
|
+
.transition({
|
461
|
+
animation : settings.transition + ' in',
|
462
|
+
duration : settings.duration,
|
463
|
+
complete : callback,
|
464
|
+
queue : false
|
465
|
+
})
|
466
|
+
;
|
467
|
+
$currentMenu.transition('force repaint');
|
465
468
|
}
|
466
469
|
else if(settings.transition == 'slide down') {
|
467
470
|
$currentMenu
|
@@ -204,6 +204,7 @@ $.fn.popup = function(parameters) {
|
|
204
204
|
if( !module.exists() ) {
|
205
205
|
module.create();
|
206
206
|
}
|
207
|
+
module.save.conditions();
|
207
208
|
module.set.position();
|
208
209
|
module.animate.show(callback);
|
209
210
|
},
|
@@ -214,6 +215,7 @@ $.fn.popup = function(parameters) {
|
|
214
215
|
$module
|
215
216
|
.removeClass(className.visible)
|
216
217
|
;
|
218
|
+
module.restore.conditions();
|
217
219
|
module.unbind.close();
|
218
220
|
if( module.is.visible() ) {
|
219
221
|
module.animate.hide(callback);
|
@@ -250,6 +252,30 @@ $.fn.popup = function(parameters) {
|
|
250
252
|
;
|
251
253
|
},
|
252
254
|
|
255
|
+
save: {
|
256
|
+
conditions: function() {
|
257
|
+
module.cache = {
|
258
|
+
title: $module.attr('title')
|
259
|
+
};
|
260
|
+
if (module.cache.title) {
|
261
|
+
$module.removeAttr('title');
|
262
|
+
}
|
263
|
+
module.verbose('Saving original attributes', module.cache.title);
|
264
|
+
}
|
265
|
+
},
|
266
|
+
restore: {
|
267
|
+
conditions: function() {
|
268
|
+
if(module.cache === undefined) {
|
269
|
+
module.error(error.cache);
|
270
|
+
return false;
|
271
|
+
}
|
272
|
+
if(module.cache.title) {
|
273
|
+
$module.attr('title', module.cache.title);
|
274
|
+
}
|
275
|
+
module.verbose('Restoring original attributes', module.cache.title);
|
276
|
+
return true;
|
277
|
+
}
|
278
|
+
},
|
253
279
|
animate: {
|
254
280
|
show: function(callback) {
|
255
281
|
callback = callback || function(){};
|
@@ -71,6 +71,9 @@
|
|
71
71
|
return false;
|
72
72
|
}
|
73
73
|
else {
|
74
|
+
if(settings.historyType == 'hash') {
|
75
|
+
module.debug('Using hash state change to manage state');
|
76
|
+
}
|
74
77
|
if(settings.historyType == 'html5') {
|
75
78
|
module.debug('Using HTML5 to manage state');
|
76
79
|
if(settings.path !== false) {
|
@@ -126,7 +126,7 @@ $.fn.transition = function() {
|
|
126
126
|
}
|
127
127
|
if( !module.has.transitionAvailable() ) {
|
128
128
|
module.restore.conditions();
|
129
|
-
module.error(error.noAnimation);
|
129
|
+
module.error(error.noAnimation, settings.animation);
|
130
130
|
return false;
|
131
131
|
}
|
132
132
|
module.show();
|
@@ -164,12 +164,25 @@ $.fn.transition = function() {
|
|
164
164
|
}
|
165
165
|
$.proxy(settings.complete, this)();
|
166
166
|
},
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
167
|
+
forceRepaint: function() {
|
168
|
+
module.verbose('Forcing element repaint');
|
169
|
+
var
|
170
|
+
$parentElement = $module.parent(),
|
171
|
+
$nextElement = $module.next()
|
172
|
+
;
|
173
|
+
if($nextElement.size() === 0) {
|
174
|
+
$module.detach().appendTo($parentElement);
|
175
|
+
}
|
176
|
+
else {
|
177
|
+
$module.detach().insertBefore($nextElement);
|
178
|
+
}
|
179
|
+
},
|
180
|
+
repaint: function() {
|
181
|
+
module.verbose('Repainting element');
|
182
|
+
var
|
183
|
+
fakeAssignment = element.offsetWidth
|
184
|
+
;
|
171
185
|
},
|
172
|
-
|
173
186
|
has: {
|
174
187
|
direction: function(animation) {
|
175
188
|
animation = animation || settings.animation;
|
@@ -284,7 +297,7 @@ $.fn.transition = function() {
|
|
284
297
|
$module
|
285
298
|
.removeClass(className.looping)
|
286
299
|
;
|
287
|
-
module.
|
300
|
+
module.forceRepaint();
|
288
301
|
}
|
289
302
|
|
290
303
|
},
|
@@ -659,4 +672,4 @@ $.fn.transition.settings = {
|
|
659
672
|
};
|
660
673
|
|
661
674
|
|
662
|
-
})( jQuery, window , document );
|
675
|
+
})( jQuery, window , document );
|
@@ -148,83 +148,115 @@ body > .ui.grid {
|
|
148
148
|
/* Sizing Combinations */
|
149
149
|
|
150
150
|
.ui.grid > .row > .one.wide.column,
|
151
|
-
.ui.grid > .one.wide.column
|
152
|
-
|
151
|
+
.ui.grid > .column.row > .one.wide.column,
|
152
|
+
.ui.grid > .one.wide.column,
|
153
|
+
.ui.column.grid > .one.wide.column {
|
154
|
+
width: 6.25%;
|
153
155
|
}
|
154
156
|
|
155
157
|
.ui.grid > .row > .two.wide.column,
|
156
|
-
.ui.grid > .two.wide.column
|
157
|
-
|
158
|
+
.ui.grid > .column.row > .two.wide.column,
|
159
|
+
.ui.grid > .two.wide.column,
|
160
|
+
.ui.column.grid > .two.wide.column {
|
161
|
+
width: 12.5%;
|
158
162
|
}
|
159
163
|
|
160
164
|
.ui.grid > .row > .three.wide.column,
|
161
|
-
.ui.grid > .three.wide.column
|
162
|
-
|
165
|
+
.ui.grid > .column.row > .three.wide.column,
|
166
|
+
.ui.grid > .three.wide.column,
|
167
|
+
.ui.column.grid > .three.wide.column {
|
168
|
+
width: 18.75%;
|
163
169
|
}
|
164
170
|
|
165
171
|
.ui.grid > .row > .four.wide.column,
|
166
|
-
.ui.grid > .four.wide.column
|
167
|
-
|
172
|
+
.ui.grid > .column.row > .four.wide.column,
|
173
|
+
.ui.grid > .four.wide.column,
|
174
|
+
.ui.column.grid > .four.wide.column {
|
175
|
+
width: 25%;
|
168
176
|
}
|
169
177
|
|
170
178
|
.ui.grid > .row > .five.wide.column,
|
171
|
-
.ui.grid > .five.wide.column
|
172
|
-
|
179
|
+
.ui.grid > .column.row > .five.wide.column,
|
180
|
+
.ui.grid > .five.wide.column,
|
181
|
+
.ui.column.grid > .five.wide.column {
|
182
|
+
width: 31.25%;
|
173
183
|
}
|
174
184
|
|
175
185
|
.ui.grid > .row > .six.wide.column,
|
176
|
-
.ui.grid > .six.wide.column
|
177
|
-
|
186
|
+
.ui.grid > .column.row > .six.wide.column,
|
187
|
+
.ui.grid > .six.wide.column,
|
188
|
+
.ui.column.grid > .six.wide.column {
|
189
|
+
width: 37.5%;
|
178
190
|
}
|
179
191
|
|
180
192
|
.ui.grid > .row > .seven.wide.column,
|
181
|
-
.ui.grid > .seven.wide.column
|
182
|
-
|
193
|
+
.ui.grid > .column.row > .seven.wide.column,
|
194
|
+
.ui.grid > .seven.wide.column,
|
195
|
+
.ui.column.grid > .seven.wide.column {
|
196
|
+
width: 43.75%;
|
183
197
|
}
|
184
198
|
|
185
199
|
.ui.grid > .row > .eight.wide.column,
|
186
|
-
.ui.grid > .eight.wide.column
|
187
|
-
|
200
|
+
.ui.grid > .column.row > .eight.wide.column,
|
201
|
+
.ui.grid > .eight.wide.column,
|
202
|
+
.ui.column.grid > .eight.wide.column {
|
203
|
+
width: 50%;
|
188
204
|
}
|
189
205
|
|
190
206
|
.ui.grid > .row > .nine.wide.column,
|
191
|
-
.ui.grid > .nine.wide.column
|
192
|
-
|
207
|
+
.ui.grid > .column.row > .nine.wide.column,
|
208
|
+
.ui.grid > .nine.wide.column,
|
209
|
+
.ui.column.grid > .nine.wide.column {
|
210
|
+
width: 56.25%;
|
193
211
|
}
|
194
212
|
|
195
213
|
.ui.grid > .row > .ten.wide.column,
|
196
|
-
.ui.grid > .ten.wide.column
|
197
|
-
|
214
|
+
.ui.grid > .column.row > .ten.wide.column,
|
215
|
+
.ui.grid > .ten.wide.column,
|
216
|
+
.ui.column.grid > .ten.wide.column {
|
217
|
+
width: 62.5%;
|
198
218
|
}
|
199
219
|
|
200
220
|
.ui.grid > .row > .eleven.wide.column,
|
201
|
-
.ui.grid > .eleven.wide.column
|
202
|
-
|
221
|
+
.ui.grid > .column.row > .eleven.wide.column,
|
222
|
+
.ui.grid > .eleven.wide.column,
|
223
|
+
.ui.column.grid > .eleven.wide.column {
|
224
|
+
width: 68.75%;
|
203
225
|
}
|
204
226
|
|
205
227
|
.ui.grid > .row > .twelve.wide.column,
|
206
|
-
.ui.grid > .twelve.wide.column
|
207
|
-
|
228
|
+
.ui.grid > .column.row > .twelve.wide.column,
|
229
|
+
.ui.grid > .twelve.wide.column,
|
230
|
+
.ui.column.grid > .twelve.wide.column {
|
231
|
+
width: 75%;
|
208
232
|
}
|
209
233
|
|
210
234
|
.ui.grid > .row > .thirteen.wide.column,
|
211
|
-
.ui.grid > .thirteen.wide.column
|
212
|
-
|
235
|
+
.ui.grid > .column.row > .thirteen.wide.column,
|
236
|
+
.ui.grid > .thirteen.wide.column,
|
237
|
+
.ui.column.grid > .thirteen.wide.column {
|
238
|
+
width: 81.25%;
|
213
239
|
}
|
214
240
|
|
215
241
|
.ui.grid > .row > .fourteen.wide.column,
|
216
|
-
.ui.grid > .fourteen.wide.column
|
217
|
-
|
242
|
+
.ui.grid > .column.row > .fourteen.wide.column,
|
243
|
+
.ui.grid > .fourteen.wide.column,
|
244
|
+
.ui.column.grid > .fourteen.wide.column {
|
245
|
+
width: 87.5%;
|
218
246
|
}
|
219
247
|
|
220
248
|
.ui.grid > .row > .fifteen.wide.column,
|
221
|
-
.ui.grid > .fifteen.wide.column
|
222
|
-
|
249
|
+
.ui.grid > .column.row > .fifteen.wide.column,
|
250
|
+
.ui.grid > .fifteen.wide.column,
|
251
|
+
.ui.column.grid > .fifteen.wide.column {
|
252
|
+
width: 93.75%;
|
223
253
|
}
|
224
254
|
|
225
255
|
.ui.grid > .row > .sixteen.wide.column,
|
226
|
-
.ui.grid > .sixteen.wide.column
|
227
|
-
|
256
|
+
.ui.grid > .column.row > .sixteen.wide.column,
|
257
|
+
.ui.grid > .sixteen.wide.column,
|
258
|
+
.ui.column.grid > .sixteen.wide.column {
|
259
|
+
width: 100%;
|
228
260
|
}
|
229
261
|
|
230
262
|
/*-------------------
|
@@ -204,25 +204,25 @@
|
|
204
204
|
.ui.slide.down.transition.out {
|
205
205
|
-webkit-animation-name: slideOut;
|
206
206
|
animation-name: slideOut;
|
207
|
-
transform-origin: 50% 0%;
|
208
|
-
-ms-transform-origin: 50% 0%;
|
209
207
|
-webkit-transform-origin: 50% 0%;
|
208
|
+
-ms-transform-origin: 50% 0%;
|
209
|
+
transform-origin: 50% 0%;
|
210
210
|
}
|
211
211
|
|
212
212
|
.ui.slide.up.transition.in {
|
213
213
|
-webkit-animation-name: slide;
|
214
214
|
animation-name: slide;
|
215
|
-
transform-origin: 50% 100%;
|
216
|
-
-ms-transform-origin: 50% 100%;
|
217
215
|
-webkit-transform-origin: 50% 100%;
|
216
|
+
-ms-transform-origin: 50% 100%;
|
217
|
+
transform-origin: 50% 100%;
|
218
218
|
}
|
219
219
|
|
220
220
|
.ui.slide.up.transition.out {
|
221
221
|
-webkit-animation-name: slideOut;
|
222
222
|
animation-name: slideOut;
|
223
|
-
transform-origin: 50% 100%;
|
224
|
-
-ms-transform-origin: 50% 100%;
|
225
223
|
-webkit-transform-origin: 50% 100%;
|
224
|
+
-ms-transform-origin: 50% 100%;
|
225
|
+
transform-origin: 50% 100%;
|
226
226
|
}
|
227
227
|
|
228
228
|
@-webkit-keyframes slide {
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: semantic-ui-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.10.
|
4
|
+
version: 0.10.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- doabit
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2013-12-
|
11
|
+
date: 2013-12-22 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|