speedo 0.1.2 → 0.1.3
Sign up to get free protection for your applications and to get access to all the features.
- data/app/assets/stylesheets/speedo.css.scss +15 -1
- data/app/views/speedo/home/examples.html.haml +25 -54
- data/lib/generators/speedo/install_generator.rb +3 -0
- data/lib/speedo/version.rb +1 -1
- data/test/dummy/log/development.log +1676 -0
- data/test/dummy/tmp/cache/assets/C41/5B0/sprockets%2F095415e1141a435237aa9464752d21fd +0 -0
- data/test/dummy/tmp/cache/assets/C82/F30/sprockets%2Fda4a641688d285ac6358412a4b117968 +0 -0
- data/test/dummy/tmp/cache/assets/CE5/650/sprockets%2F8ab512c9b33ac90e699b73469d71f061 +0 -0
- data/test/dummy/tmp/cache/assets/D22/B90/sprockets%2Fdcc4a00a734962e11dd902f35a22e12b +0 -0
- data/test/dummy/tmp/cache/assets/D84/210/sprockets%2Fabd0103ccec2b428ac62c94e4c40b384 +0 -0
- data/test/dummy/tmp/cache/assets/E04/890/sprockets%2F2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/vendor/assets/javascripts/jquery.uniform.js +12 -12
- data/vendor/assets/stylesheets/formtastic-buttonless.css +271 -0
- data/vendor/assets/stylesheets/uniform.default.css +166 -166
- metadata +34 -18
@@ -1,4 +1,5 @@
|
|
1
1
|
@import "normalize";
|
2
|
+
@import "formtastic-buttonless";
|
2
3
|
@import "autoSuggest";
|
3
4
|
@import "chosen";
|
4
5
|
@import "gh-buttons";
|
@@ -171,10 +172,19 @@ footer {
|
|
171
172
|
.dataTables_wrapper {
|
172
173
|
@include clearfix;
|
173
174
|
}
|
174
|
-
div.selector, div.uploader {
|
175
|
+
div.uni-selector, div.uni-uploader {
|
175
176
|
margin-left:-2px; /* Left aligns the uniform masks, but be careful if they're inline */
|
176
177
|
}
|
178
|
+
.formtastic textarea {
|
179
|
+
padding:5px;
|
180
|
+
}
|
181
|
+
.inline_choices .choice {
|
182
|
+
display:inline-block; zoom:1;*display:inline;
|
183
|
+
vertical-align:top;
|
184
|
+
margin-right:1em;
|
185
|
+
}
|
177
186
|
ul.as-selections {
|
187
|
+
width:72%; // To match the formtastic input widths
|
178
188
|
border:1px solid #999;
|
179
189
|
@include border-radius(3px);
|
180
190
|
padding:5px;
|
@@ -185,6 +195,10 @@ ul.as-selections {
|
|
185
195
|
&:focus {color:inherit;}
|
186
196
|
}
|
187
197
|
}
|
198
|
+
.as-results {
|
199
|
+
position:absolute;
|
200
|
+
left:25%; // To match the formtastic label width
|
201
|
+
}
|
188
202
|
.button-group, .button {
|
189
203
|
vertical-align:top;
|
190
204
|
}
|
@@ -1,16 +1,26 @@
|
|
1
1
|
- @col_layout = 'threecol'
|
2
2
|
|
3
|
-
%h1
|
4
|
-
|
5
|
-
.
|
6
|
-
|
7
|
-
|
8
|
-
.
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
3
|
+
%h1 Forms with Uniform, AutoGrowing, AutoSuggesting - h1
|
4
|
+
= semantic_form_for 'speedo' do |f|
|
5
|
+
= f.inputs do
|
6
|
+
= f.input 'Title', placeholder: 'Type your title'
|
7
|
+
= f.input 'Singer', input_html: { class: 'autoSuggest' }
|
8
|
+
= f.input 'Description', as: :text, input_html: { placeholder: 'AutoGrowing', class: 'autoGrow', :rows => 2 }
|
9
|
+
= f.input 'Attachment', as: :file, required: false
|
10
|
+
= f.input 'Select', as: :select, include_blank: false
|
11
|
+
= f.input 'Are you real?', as: :radio, wrapper_html: { class: 'inline_choices' }
|
12
|
+
= f.input 'Which do you own?', as: :check_boxes, collection: ['Speedo','Swim Short','Bikini'], wrapper_html: { class: 'inline_choices' }
|
13
|
+
|
14
|
+
%h2 Buttons and button-groups - h2
|
15
|
+
.button-group
|
16
|
+
= f.actions do
|
17
|
+
= f.action :submit, label: 'Submit', as: :button, button_html: { class: 'button' }
|
18
|
+
= f.action :cancel, label: 'Cancel', as: :link, button_html: { class: 'button danger' }
|
19
|
+
= link_to 'Popup', '#popup', class: 'button popup icon comment', title: 'Popup title'
|
20
|
+
%button.button.icon.add Add icon
|
21
|
+
|
22
|
+
|
23
|
+
%h3 Sortable dataTable - h3
|
14
24
|
%table.dataTable
|
15
25
|
%thead
|
16
26
|
%tr
|
@@ -28,8 +38,7 @@
|
|
28
38
|
%td hermahili
|
29
39
|
|
30
40
|
|
31
|
-
|
32
|
-
%h3 Inputs with bonuses - h3
|
41
|
+
%h4 Inputs with bonuses - h4
|
33
42
|
%select.chzn{style: 'width:200px'}
|
34
43
|
%option Canada
|
35
44
|
%option UK
|
@@ -39,47 +48,7 @@
|
|
39
48
|
%input{type: :date, placeholder: 'yy-mm-dd'}
|
40
49
|
|
41
50
|
|
42
|
-
|
43
|
-
%h4 AutoGrowing, AutoSuggesting - h4
|
44
|
-
%textarea.autoGrow{cols: '50', placeholder: 'AutoGrowing'}
|
45
|
-
|
46
|
-
%br
|
47
|
-
%input.autoSuggest
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
%h5 Uniformed Inputs - h5
|
52
|
-
%label
|
53
|
-
%input{type: :checkbox, checked: 'checked'}
|
54
|
-
One
|
55
|
-
%label
|
56
|
-
%input{type: :checkbox}
|
57
|
-
Two
|
58
|
-
%label
|
59
|
-
%input{type: :checkbox}
|
60
|
-
Three
|
61
|
-
%br
|
62
|
-
|
63
|
-
%label
|
64
|
-
%input{type: :radio, name: 'radio', checked: 'checked'}
|
65
|
-
One
|
66
|
-
%label
|
67
|
-
%input{type: :radio, name: 'radio'}
|
68
|
-
Two
|
69
|
-
%label
|
70
|
-
%input{type: :radio, name: 'radio'}
|
71
|
-
Three
|
72
|
-
|
73
|
-
%br
|
74
|
-
%select
|
75
|
-
%option Select Something
|
76
|
-
|
77
|
-
%br
|
78
|
-
%input{type: :file}
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
%h6 Lists and time - h6
|
51
|
+
%h5 Lists - h5
|
83
52
|
%ul
|
84
53
|
%li This is a list:
|
85
54
|
%li no margin
|
@@ -87,6 +56,8 @@
|
|
87
56
|
%li or bullets
|
88
57
|
%li (you'll need to add them back when you need 'em)
|
89
58
|
|
59
|
+
|
60
|
+
%h6 Time - h6
|
90
61
|
%pre.ib %time.ago{datetime: Time.now.iso8601}
|
91
62
|
results in telling us when this page was loaded:
|
92
63
|
%time.ago.notice.flash{datetime: Time.now.iso8601}
|
@@ -40,6 +40,9 @@ module Speedo
|
|
40
40
|
else
|
41
41
|
say 'Make sure to @import "speedo"; in your application.css.scss, and @import other files - do NOT use *=require.'
|
42
42
|
end
|
43
|
+
else
|
44
|
+
copy_file 'app/assets/stylesheets/application.css.scss',
|
45
|
+
'app/assets/stylesheets/application.css.scss'
|
43
46
|
end
|
44
47
|
|
45
48
|
if File.exist? 'app/assets/stylesheets/application.css'
|
data/lib/speedo/version.rb
CHANGED