speedo 0.1.2 → 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -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