speedo 0.1.2 → 0.1.3

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.
@@ -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 Buttons - h1
4
- %button.button.icon.add Click
5
- .button-group
6
- %input.button.danger{type: :submit, value: 'Cancel'}
7
- %a.button.icon.comment.popup{href: '#popup', title: 'Popup title'} Popup
8
- .button Nothing
9
-
10
- %time.ago{datetime: '2012-03-17'}
11
-
12
-
13
- %h2 Sortable Table - h2
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'
@@ -1,3 +1,3 @@
1
1
  module Speedo
2
- VERSION = "0.1.2"
2
+ VERSION = "0.1.3"
3
3
  end