semantic-ui-rails 0.3.5 → 0.6.5
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/lib/semantic/ui/rails/version.rb +1 -1
- data/semantic.thor +1 -1
- data/vendor/assets/javascripts/semantic-ui/modules/accordion.js +2 -1
- data/vendor/assets/javascripts/semantic-ui/modules/dimmer.js +6 -1
- data/vendor/assets/javascripts/semantic-ui/modules/dropdown.js +174 -117
- data/vendor/assets/javascripts/semantic-ui/modules/modal.js +59 -31
- data/vendor/assets/javascripts/semantic-ui/modules/popup.js +5 -2
- data/vendor/assets/javascripts/semantic-ui/modules/rating.js +11 -4
- data/vendor/assets/javascripts/semantic-ui/modules/sidebar.js +1 -1
- data/vendor/assets/javascripts/semantic-ui/modules/tab.js +2 -1
- data/vendor/assets/javascripts/semantic-ui/modules/transition.js +1 -1
- data/vendor/assets/javascripts/semantic-ui/modules/video.js +8 -2
- data/vendor/assets/stylesheets/semantic-ui/collections/menu.less +77 -34
- data/vendor/assets/stylesheets/semantic-ui/elements/icon.less +18 -14
- data/vendor/assets/stylesheets/semantic-ui/elements/input.less +7 -1
- data/vendor/assets/stylesheets/semantic-ui/elements/label.less +33 -0
- data/vendor/assets/stylesheets/semantic-ui/elements/segment.less +7 -0
- data/vendor/assets/stylesheets/semantic-ui/modules/dropdown.less +16 -2
- data/vendor/assets/stylesheets/semantic-ui/modules/modal.less +68 -9
- data/vendor/assets/stylesheets/semantic-ui/views/item.less +0 -10
- metadata +17 -17
@@ -71,6 +71,9 @@ i.icon {
|
|
71
71
|
font-smoothing: antialiased;
|
72
72
|
}
|
73
73
|
|
74
|
+
i.icon.left:before { content: "\f060"; }
|
75
|
+
i.icon.right:before { content: "\f061"; }
|
76
|
+
|
74
77
|
i.icon.add.sign.box:before { content: "\f0fe"; }
|
75
78
|
i.icon.add.sign:before { content: "\f055"; }
|
76
79
|
i.icon.add:before { content: "\f067"; }
|
@@ -254,7 +257,6 @@ i.icon.layout.column:before { content: "\f0db"; }
|
|
254
257
|
i.icon.layout.grid:before { content: "\f00a"; }
|
255
258
|
i.icon.layout.list:before { content: "\f00b"; }
|
256
259
|
i.icon.leaf:before { content: "\f06c"; }
|
257
|
-
i.icon.left:before { content: "\f060"; }
|
258
260
|
i.icon.legal:before { content: "\f0e3"; }
|
259
261
|
i.icon.lemon:before { content: "\f094"; }
|
260
262
|
i.icon.level.down:before { content: "\f149"; }
|
@@ -330,7 +332,6 @@ i.icon.resize.horizontal:before { content: "\f07e"; }
|
|
330
332
|
i.icon.resize.small:before { content: "\f066"; }
|
331
333
|
i.icon.resize.vertical:before { content: "\f07d"; }
|
332
334
|
i.icon.retweet:before { content: "\f079"; }
|
333
|
-
i.icon.right:before { content: "\f061"; }
|
334
335
|
i.icon.road:before { content: "\f018"; }
|
335
336
|
i.icon.rocket:before { content: "\f135"; }
|
336
337
|
i.icon.rss.sign:before { content: "\f143"; }
|
@@ -596,9 +597,9 @@ i.link.icon:hover {
|
|
596
597
|
--------------------*/
|
597
598
|
|
598
599
|
i.circular.icon {
|
599
|
-
-webkit-border-radius:
|
600
|
-
-moz-border-radius:
|
601
|
-
border-radius:
|
600
|
+
-webkit-border-radius: 500em !important;
|
601
|
+
-moz-border-radius: 500em !important;
|
602
|
+
border-radius: 500em !important;
|
602
603
|
|
603
604
|
padding: 0.5em 0.35em !important;
|
604
605
|
|
@@ -637,17 +638,12 @@ i.horizontally.flipped.icon {
|
|
637
638
|
}
|
638
639
|
|
639
640
|
/*-------------------
|
640
|
-
|
641
|
+
Rotated
|
641
642
|
--------------------*/
|
642
643
|
|
643
|
-
i.
|
644
|
-
|
645
|
-
|
646
|
-
-o-transform: rotate(-90deg);
|
647
|
-
-ms-transform: rotate(-90deg);
|
648
|
-
transform: rotate(-90deg);
|
649
|
-
}
|
650
|
-
i.right.rotated.icon {
|
644
|
+
i.rotated.icon,
|
645
|
+
i.right.rotated.icon,
|
646
|
+
i.clockwise.rotated.icon {
|
651
647
|
-webkit-transform: rotate(90deg);
|
652
648
|
-moz-transform: rotate(90deg);
|
653
649
|
-o-transform: rotate(90deg);
|
@@ -655,6 +651,14 @@ i.right.rotated.icon {
|
|
655
651
|
transform: rotate(90deg);
|
656
652
|
}
|
657
653
|
|
654
|
+
i.left.rotated.icon,
|
655
|
+
i.counterclockwise.rotated.icon {
|
656
|
+
-webkit-transform: rotate(-90deg);
|
657
|
+
-moz-transform: rotate(-90deg);
|
658
|
+
-o-transform: rotate(-90deg);
|
659
|
+
-ms-transform: rotate(-90deg);
|
660
|
+
transform: rotate(-90deg);
|
661
|
+
}
|
658
662
|
|
659
663
|
/*-------------------
|
660
664
|
Square
|
@@ -22,6 +22,8 @@
|
|
22
22
|
.ui.input {
|
23
23
|
display: inline-block;
|
24
24
|
position: relative;
|
25
|
+
|
26
|
+
color: rgba(0, 0, 0, 0.7);
|
25
27
|
}
|
26
28
|
.ui.input input {
|
27
29
|
width: 100%;
|
@@ -178,6 +180,7 @@
|
|
178
180
|
---------------------*/
|
179
181
|
|
180
182
|
.ui.icon.input > .icon {
|
183
|
+
cursor: default;
|
181
184
|
position: absolute;
|
182
185
|
opacity: 0.5;
|
183
186
|
top: 0px;
|
@@ -187,7 +190,7 @@
|
|
187
190
|
|
188
191
|
width: 2.6em;
|
189
192
|
height: 100%;
|
190
|
-
padding-top: 0.
|
193
|
+
padding-top: 0.82em;
|
191
194
|
|
192
195
|
text-align: center;
|
193
196
|
|
@@ -206,6 +209,9 @@
|
|
206
209
|
-ms-transition: opacity 0.3s ease-out;
|
207
210
|
transition: opacity 0.3s ease-out;
|
208
211
|
}
|
212
|
+
.ui.icon.input > .link.icon {
|
213
|
+
cursor: pointer;
|
214
|
+
}
|
209
215
|
.ui.icon.input input {
|
210
216
|
padding-right: 3em !important;
|
211
217
|
}
|
@@ -637,6 +637,39 @@ a.ui.purple.label:hover:before {
|
|
637
637
|
background-color: transparent !important;
|
638
638
|
}
|
639
639
|
|
640
|
+
/*--- Orange ---*/
|
641
|
+
.ui.orange.labels .label,
|
642
|
+
.ui.orange.label {
|
643
|
+
background-color: #F05940 !important;
|
644
|
+
border-color: #F05940 !important;
|
645
|
+
color: #FFFFFF !important;
|
646
|
+
}
|
647
|
+
.ui.labels .orange.label:before,
|
648
|
+
.ui.orange.labels .label:before,
|
649
|
+
.ui.orange.label:before {
|
650
|
+
background-color: #F05940 !important;
|
651
|
+
}
|
652
|
+
/* Hover */
|
653
|
+
a.ui.orange.labels .label:hover,
|
654
|
+
.ui.orange.labels a.label:hover,
|
655
|
+
a.ui.orange.label:hover {
|
656
|
+
background-color: #FF4121 !important;
|
657
|
+
border-color: #FF4121 !important;
|
658
|
+
color: #FFFFFF !important;
|
659
|
+
}
|
660
|
+
.ui.labels a.orange.label:hover:before,
|
661
|
+
.ui.orange.labels a.label:hover:before,
|
662
|
+
a.ui.orange.label:hover:before {
|
663
|
+
background-color: #FF4121 !important;
|
664
|
+
}
|
665
|
+
/* Corner */
|
666
|
+
.ui.orange.corner.label,
|
667
|
+
.ui.orange.corner.label:hover {
|
668
|
+
background-color: transparent !important;
|
669
|
+
}
|
670
|
+
|
671
|
+
|
672
|
+
|
640
673
|
|
641
674
|
/*--- Pink ---*/
|
642
675
|
.ui.teal.labels .label,
|
@@ -303,6 +303,9 @@
|
|
303
303
|
.ui.red.segment {
|
304
304
|
border-top: 0.2em solid #D95C5C;
|
305
305
|
}
|
306
|
+
.ui.orange.segment {
|
307
|
+
border-top: 0.2em solid #F05940;
|
308
|
+
}
|
306
309
|
.ui.purple.segment {
|
307
310
|
border-top: 0.2em solid #564F8A;
|
308
311
|
}
|
@@ -330,6 +333,10 @@
|
|
330
333
|
background-color: #D95C5C !important;
|
331
334
|
color: #FFFFFF !important;
|
332
335
|
}
|
336
|
+
.ui.inverted.orange.segment {
|
337
|
+
background-color: #F05940 !important;
|
338
|
+
color: #FFFFFF !important;
|
339
|
+
}
|
333
340
|
.ui.inverted.purple.segment {
|
334
341
|
background-color: #564F8A !important;
|
335
342
|
color: #FFFFFF !important;
|
@@ -39,6 +39,10 @@
|
|
39
39
|
border-radius 0.1s ease,
|
40
40
|
width 0.2s ease
|
41
41
|
;
|
42
|
+
|
43
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
44
|
+
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
|
45
|
+
tap-highlight-color: rgba(0, 0, 0, 0);
|
42
46
|
}
|
43
47
|
|
44
48
|
|
@@ -176,6 +180,12 @@
|
|
176
180
|
left: auto;
|
177
181
|
right: 0px;
|
178
182
|
}
|
183
|
+
.ui.vertical.menu .dropdown.item > .dropdown.icon {
|
184
|
+
content: "\f0da";
|
185
|
+
}
|
186
|
+
.ui.dropdown.icon.button > .dropdown.icon {
|
187
|
+
margin: 0em;
|
188
|
+
}
|
179
189
|
|
180
190
|
|
181
191
|
/*******************************
|
@@ -200,8 +210,9 @@
|
|
200
210
|
/* Menu Item Active */
|
201
211
|
.ui.dropdown .menu .active.item {
|
202
212
|
box-shadow: none;
|
203
|
-
background-color: rgba(0, 0, 0, 0.
|
213
|
+
background-color: rgba(0, 0, 0, 0.06) !important;
|
204
214
|
border-left: none;
|
215
|
+
border-color: transparent !important;
|
205
216
|
|
206
217
|
-webkit-box-shadow: none;
|
207
218
|
-moz-shadow: none;
|
@@ -305,6 +316,9 @@
|
|
305
316
|
-moz-border-radius: 0.3125em !important;
|
306
317
|
border-radius: 0.3125em !important;
|
307
318
|
}
|
319
|
+
.ui.selection.dropdown select {
|
320
|
+
display: none;
|
321
|
+
}
|
308
322
|
.ui.selection.dropdown > .dropdown.icon {
|
309
323
|
float: right;
|
310
324
|
|
@@ -466,7 +480,7 @@
|
|
466
480
|
z-index: 2;
|
467
481
|
}
|
468
482
|
|
469
|
-
.ui.pointing.dropdown .menu .item
|
483
|
+
.ui.pointing.dropdown .menu .active.item:first-child {
|
470
484
|
background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
|
471
485
|
background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
|
472
486
|
background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
|
@@ -92,14 +92,13 @@
|
|
92
92
|
}
|
93
93
|
.ui.modal > .content > .left {
|
94
94
|
display: table-cell;
|
95
|
-
padding-right: 5%;
|
95
|
+
padding-right: 1.5%;
|
96
96
|
min-width: 25%;
|
97
97
|
}
|
98
98
|
.ui.modal > .content > .right {
|
99
99
|
display: table-cell;
|
100
|
-
padding-left: 5%;
|
100
|
+
padding-left: 1.5%;
|
101
101
|
vertical-align: top;
|
102
|
-
min-width: 25%;
|
103
102
|
}
|
104
103
|
.ui.modal > .content > .left > .icon {
|
105
104
|
font-size: 8em;
|
@@ -161,20 +160,20 @@
|
|
161
160
|
}
|
162
161
|
@media only screen and (min-width : 1500px) {
|
163
162
|
.ui.modal {
|
164
|
-
width:
|
165
|
-
margin-left: -
|
163
|
+
width: 56%;
|
164
|
+
margin-left: -28%;
|
166
165
|
}
|
167
166
|
}
|
168
167
|
@media only screen and (min-width : 1750px) {
|
169
168
|
.ui.modal {
|
170
|
-
width:
|
171
|
-
margin-left: -
|
169
|
+
width: 42%;
|
170
|
+
margin-left: -21%;
|
172
171
|
}
|
173
172
|
}
|
174
173
|
@media only screen and (min-width : 2000px) {
|
175
174
|
.ui.modal {
|
176
|
-
width:
|
177
|
-
margin-left: -
|
175
|
+
width: 36%;
|
176
|
+
margin-left: -18%;
|
178
177
|
}
|
179
178
|
}
|
180
179
|
|
@@ -214,4 +213,64 @@
|
|
214
213
|
|
215
214
|
.ui.active.modal {
|
216
215
|
display: block;
|
216
|
+
}
|
217
|
+
|
218
|
+
|
219
|
+
/*--------------
|
220
|
+
Size
|
221
|
+
---------------*/
|
222
|
+
|
223
|
+
/* Small */
|
224
|
+
.ui.small.modal > .header {
|
225
|
+
font-size: 1.3em;
|
226
|
+
}
|
227
|
+
@media only screen and (min-width : 998px) {
|
228
|
+
.ui.small.modal {
|
229
|
+
width: 58%;
|
230
|
+
margin-left: -29%;
|
231
|
+
}
|
232
|
+
}
|
233
|
+
.ui.small.modal {
|
234
|
+
@media only screen and (min-width : 1500px) {
|
235
|
+
width: 40%;
|
236
|
+
margin-left: -20%;
|
237
|
+
}
|
238
|
+
}
|
239
|
+
@media only screen and (min-width : 1750px) {
|
240
|
+
.ui.small.modal {
|
241
|
+
width: 26%;
|
242
|
+
margin-left: -13%;
|
243
|
+
}
|
244
|
+
}
|
245
|
+
@media only screen and (min-width : 2000px) {
|
246
|
+
.ui.small.modal {
|
247
|
+
width: 20%;
|
248
|
+
margin-left: -10%;
|
249
|
+
}
|
250
|
+
}
|
251
|
+
|
252
|
+
/* Large */
|
253
|
+
@media only screen and (min-width : 998px) {
|
254
|
+
.ui.large.modal {
|
255
|
+
width: 74%;
|
256
|
+
margin-left: -37%;
|
257
|
+
}
|
258
|
+
}
|
259
|
+
@media only screen and (min-width : 1500px) {
|
260
|
+
.ui.large.modal {
|
261
|
+
width: 64%;
|
262
|
+
margin-left: -32%;
|
263
|
+
}
|
264
|
+
}
|
265
|
+
@media only screen and (min-width : 1750px) {
|
266
|
+
.ui.large.modal {
|
267
|
+
width: 54%;
|
268
|
+
margin-left: -27%;
|
269
|
+
}
|
270
|
+
}
|
271
|
+
@media only screen and (min-width : 2000px) {
|
272
|
+
.ui.large.modal {
|
273
|
+
width: 44%;
|
274
|
+
margin-left: -22%;
|
275
|
+
}
|
217
276
|
}
|
@@ -110,26 +110,16 @@
|
|
110
110
|
-ms-box-sizing: border-box;
|
111
111
|
box-sizing: border-box;
|
112
112
|
|
113
|
-
-webkit-box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
|
114
|
-
-moz-box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
|
115
|
-
box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
|
116
|
-
|
117
113
|
-webkit-border-radius: 0.2em;
|
118
114
|
-moz-border-radius: 0.2em;
|
119
115
|
border-radius: 0.2em;
|
120
116
|
}
|
121
117
|
.ui.items .item > .image > img {
|
122
|
-
position: relative;
|
123
118
|
display: block;
|
124
119
|
width: 100%;
|
125
|
-
overflow: hidden;
|
126
|
-
-webkit-border-radius: 0.2em;
|
127
|
-
-moz-border-radius: 0.2em;
|
128
|
-
border-radius: 0.2em;
|
129
120
|
}
|
130
121
|
|
131
122
|
|
132
|
-
|
133
123
|
/*--------------
|
134
124
|
Content
|
135
125
|
---------------*/
|
metadata
CHANGED
@@ -1,97 +1,97 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: semantic-ui-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.6.5
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- nd0ut
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2013-10-
|
11
|
+
date: 2013-10-22 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: less-rails
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- -
|
17
|
+
- - ">="
|
18
18
|
- !ruby/object:Gem::Version
|
19
19
|
version: '0'
|
20
20
|
type: :runtime
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- -
|
24
|
+
- - ">="
|
25
25
|
- !ruby/object:Gem::Version
|
26
26
|
version: '0'
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: bundler
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
|
-
- - ~>
|
31
|
+
- - "~>"
|
32
32
|
- !ruby/object:Gem::Version
|
33
33
|
version: '1.3'
|
34
34
|
type: :development
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
|
-
- - ~>
|
38
|
+
- - "~>"
|
39
39
|
- !ruby/object:Gem::Version
|
40
40
|
version: '1.3'
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
42
|
name: rake
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
44
44
|
requirements:
|
45
|
-
- -
|
45
|
+
- - ">="
|
46
46
|
- !ruby/object:Gem::Version
|
47
47
|
version: '0'
|
48
48
|
type: :development
|
49
49
|
prerelease: false
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
51
51
|
requirements:
|
52
|
-
- -
|
52
|
+
- - ">="
|
53
53
|
- !ruby/object:Gem::Version
|
54
54
|
version: '0'
|
55
55
|
- !ruby/object:Gem::Dependency
|
56
56
|
name: pry
|
57
57
|
requirement: !ruby/object:Gem::Requirement
|
58
58
|
requirements:
|
59
|
-
- -
|
59
|
+
- - ">="
|
60
60
|
- !ruby/object:Gem::Version
|
61
61
|
version: '0'
|
62
62
|
type: :development
|
63
63
|
prerelease: false
|
64
64
|
version_requirements: !ruby/object:Gem::Requirement
|
65
65
|
requirements:
|
66
|
-
- -
|
66
|
+
- - ">="
|
67
67
|
- !ruby/object:Gem::Version
|
68
68
|
version: '0'
|
69
69
|
- !ruby/object:Gem::Dependency
|
70
70
|
name: binding_of_caller
|
71
71
|
requirement: !ruby/object:Gem::Requirement
|
72
72
|
requirements:
|
73
|
-
- -
|
73
|
+
- - ">="
|
74
74
|
- !ruby/object:Gem::Version
|
75
75
|
version: '0'
|
76
76
|
type: :development
|
77
77
|
prerelease: false
|
78
78
|
version_requirements: !ruby/object:Gem::Requirement
|
79
79
|
requirements:
|
80
|
-
- -
|
80
|
+
- - ">="
|
81
81
|
- !ruby/object:Gem::Version
|
82
82
|
version: '0'
|
83
83
|
- !ruby/object:Gem::Dependency
|
84
84
|
name: git
|
85
85
|
requirement: !ruby/object:Gem::Requirement
|
86
86
|
requirements:
|
87
|
-
- -
|
87
|
+
- - ">="
|
88
88
|
- !ruby/object:Gem::Version
|
89
89
|
version: '0'
|
90
90
|
type: :development
|
91
91
|
prerelease: false
|
92
92
|
version_requirements: !ruby/object:Gem::Requirement
|
93
93
|
requirements:
|
94
|
-
- -
|
94
|
+
- - ">="
|
95
95
|
- !ruby/object:Gem::Version
|
96
96
|
version: '0'
|
97
97
|
description: UI is the vocabulary of the web
|
@@ -101,7 +101,7 @@ executables: []
|
|
101
101
|
extensions: []
|
102
102
|
extra_rdoc_files: []
|
103
103
|
files:
|
104
|
-
- .gitignore
|
104
|
+
- ".gitignore"
|
105
105
|
- Gemfile
|
106
106
|
- LICENSE.txt
|
107
107
|
- README.md
|
@@ -199,12 +199,12 @@ require_paths:
|
|
199
199
|
- lib
|
200
200
|
required_ruby_version: !ruby/object:Gem::Requirement
|
201
201
|
requirements:
|
202
|
-
- -
|
202
|
+
- - ">="
|
203
203
|
- !ruby/object:Gem::Version
|
204
204
|
version: '0'
|
205
205
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
206
206
|
requirements:
|
207
|
-
- -
|
207
|
+
- - ">="
|
208
208
|
- !ruby/object:Gem::Version
|
209
209
|
version: '0'
|
210
210
|
requirements: []
|