Commit 5fa805a7ba9e6dd437a5bbda1ea28741d0d8b9ee

Authored by Dmitriy Zaporozhets
1 parent a9fba2cd

Restyle issue form. Replace inputs

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
app/assets/stylesheets/generic/selects.scss
@@ -57,6 +57,6 @@ @@ -57,6 +57,6 @@
57 max-width: 170px !important; 57 max-width: 170px !important;
58 } 58 }
59 59
60 -select.select-wide {  
61 - width: 200px; 60 +select.chosen {
  61 + min-width: 200px;
62 } 62 }
app/views/admin/broadcast_messages/index.html.haml
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 .form-group 14 .form-group
15 = f.label :message 15 = f.label :message
16 .col-sm-10 16 .col-sm-10
17 - = f.text_area :message, class: "input-lg", rows: 2, required: true 17 + = f.text_area :message, class: "form-control", rows: 2, required: true
18 %div 18 %div
19 = link_to '#', class: 'js-toggle-colors-link' do 19 = link_to '#', class: 'js-toggle-colors-link' do
20 Customize colors 20 Customize colors
app/views/admin/groups/edit.html.haml
@@ -8,18 +8,18 @@ @@ -8,18 +8,18 @@
8 = f.label :name do 8 = f.label :name do
9 Group name 9 Group name
10 .col-sm-10 10 .col-sm-10
11 - = f.text_field :name, placeholder: "Example Group", class: "input-lg" 11 + = f.text_field :name, placeholder: "Example Group", class: "form-control"
12 12
13 .form-group.group-description-holder 13 .form-group.group-description-holder
14 = f.label :description, "Details" 14 = f.label :description, "Details"
15 .col-sm-10 15 .col-sm-10
16 - = f.text_area :description, maxlength: 250, class: "input-lg js-gfm-input", rows: 4 16 + = f.text_area :description, maxlength: 250, class: "form-control js-gfm-input", rows: 4
17 17
18 .form-group.group_name_holder 18 .form-group.group_name_holder
19 = f.label :path do 19 = f.label :path do
20 %span.cred Group path 20 %span.cred Group path
21 .col-sm-10 21 .col-sm-10
22 - = f.text_field :path, placeholder: "example-group", class: "input-lg danger" 22 + = f.text_field :path, placeholder: "example-group", class: "form-control danger"
23 %ul.cred 23 %ul.cred
24 %li Changing group path can have unintended side effects. 24 %li Changing group path can have unintended side effects.
25 %li Renaming group path will rename directory for all related projects 25 %li Renaming group path will rename directory for all related projects
app/views/admin/groups/new.html.haml
@@ -8,11 +8,11 @@ @@ -8,11 +8,11 @@
8 = f.label :name do 8 = f.label :name do
9 Group name 9 Group name
10 .col-sm-10 10 .col-sm-10
11 - = f.text_field :name, placeholder: "Ex. OpenSource", class: "input-lg left" 11 + = f.text_field :name, placeholder: "Ex. OpenSource", class: "form-control left"
12 .form-group.group-description-holder 12 .form-group.group-description-holder
13 = f.label :description, "Details" 13 = f.label :description, "Details"
14 .col-sm-10 14 .col-sm-10
15 - = f.text_area :description, maxlength: 250, class: "input-lg js-gfm-input", rows: 4 15 + = f.text_area :description, maxlength: 250, class: "form-control js-gfm-input", rows: 4
16 16
17 .form-actions 17 .form-actions
18 = f.submit 'Create group', class: "btn btn-create" 18 = f.submit 'Create group', class: "btn btn-create"
app/views/admin/hooks/index.html.haml
@@ -16,7 +16,7 @@ @@ -16,7 +16,7 @@
16 .form-group 16 .form-group
17 = f.label :url, "URL:" 17 = f.label :url, "URL:"
18 .col-sm-10 18 .col-sm-10
19 - = f.text_field :url, class: "text_field input-lg input-xpadding" 19 + = f.text_field :url, class: "text_field form-control input-xpadding"
20 &nbsp; 20 &nbsp;
21 = f.submit "Add System Hook", class: "btn btn-create" 21 = f.submit "Add System Hook", class: "btn btn-create"
22 %hr 22 %hr
app/views/groups/edit.html.haml
@@ -28,12 +28,12 @@ @@ -28,12 +28,12 @@
28 = f.label :name do 28 = f.label :name do
29 Group name 29 Group name
30 .col-sm-10 30 .col-sm-10
31 - = f.text_field :name, placeholder: "Ex. OpenSource", class: "input-lg left" 31 + = f.text_field :name, placeholder: "Ex. OpenSource", class: "form-control left"
32 32
33 .form-group.group-description-holder 33 .form-group.group-description-holder
34 = f.label :description, "Details" 34 = f.label :description, "Details"
35 .col-sm-10 35 .col-sm-10
36 - = f.text_area :description, maxlength: 250, class: "input-lg js-gfm-input", rows: 4 36 + = f.text_area :description, maxlength: 250, class: "form-control js-gfm-input", rows: 4
37 37
38 .form-actions 38 .form-actions
39 = f.submit 'Save group', class: "btn btn-save" 39 = f.submit 'Save group', class: "btn btn-save"
app/views/groups/new.html.haml
@@ -6,12 +6,12 @@ @@ -6,12 +6,12 @@
6 = f.label :name do 6 = f.label :name do
7 Group name 7 Group name
8 .col-sm-10 8 .col-sm-10
9 - = f.text_field :name, placeholder: "Ex. OpenSource", class: "input-lg left" 9 + = f.text_field :name, placeholder: "Ex. OpenSource", class: "form-control left"
10 10
11 .form-group.group-description-holder 11 .form-group.group-description-holder
12 = f.label :description, "Details" 12 = f.label :description, "Details"
13 .col-sm-10 13 .col-sm-10
14 - = f.text_area :description, maxlength: 250, class: "input-lg js-gfm-input", rows: 4 14 + = f.text_area :description, maxlength: 250, class: "form-control js-gfm-input", rows: 4
15 15
16 .form-group 16 .form-group
17 .col-sm-10 17 .col-sm-10
app/views/projects/deploy_keys/_form.html.haml
@@ -8,14 +8,14 @@ @@ -8,14 +8,14 @@
8 8
9 .form-group 9 .form-group
10 = f.label :title 10 = f.label :title
11 - .col-sm-10= f.text_field :title, class: 'input-lg' 11 + .col-sm-10= f.text_field :title, class: 'form-control'
12 .form-group 12 .form-group
13 = f.label :key 13 = f.label :key
14 .col-sm-10 14 .col-sm-10
15 %p.light 15 %p.light
16 Paste a machine public key here. Read more about how to generate it 16 Paste a machine public key here. Read more about how to generate it
17 = link_to "here", help_ssh_path 17 = link_to "here", help_ssh_path
18 - = f.text_area :key, class: "input-lg thin_area" 18 + = f.text_area :key, class: "form-control thin_area"
19 19
20 .form-actions 20 .form-actions
21 = f.submit 'Create', class: "btn-create btn" 21 = f.submit 'Create', class: "btn-create btn"
app/views/projects/issues/_form.html.haml
1 %div.issue-form-holder 1 %div.issue-form-holder
2 %h3.page-title= @issue.new_record? ? "New Issue" : "Edit Issue ##{@issue.iid}" 2 %h3.page-title= @issue.new_record? ? "New Issue" : "Edit Issue ##{@issue.iid}"
3 - = form_for [@project, @issue] do |f| 3 + %hr
  4 + = form_for [@project, @issue], html: { class: 'form-horizontal issue-form' } do |f|
4 -if @issue.errors.any? 5 -if @issue.errors.any?
5 .alert.alert-danger 6 .alert.alert-danger
6 - @issue.errors.full_messages.each do |msg| 7 - @issue.errors.full_messages.each do |msg|
7 %span= msg 8 %span= msg
8 %br 9 %br
9 - .issue-box  
10 - .title  
11 - .form-group  
12 - = f.label :title do  
13 - %strong= "Subject *"  
14 - .col-sm-10  
15 - = f.text_field :title, maxlength: 255, class: "input-lg js-gfm-input", autofocus: true, required: true  
16 - .context  
17 - .form-group  
18 - .issue_assignee.pull-left  
19 - = f.label :assignee_id do  
20 - %i.icon-user  
21 - Assign to  
22 - .col-sm-10  
23 - .pull-left  
24 - = f.select(:assignee_id, assignee_options(@issue), { include_blank: "Select a user" }, {class: 'chosen'})  
25 - .pull-right  
26 - &nbsp;  
27 - = link_to 'Assign to me', '#', class: 'btn btn-small assign-to-me-link'  
28 - .issue_milestone.pull-left  
29 - = f.label :milestone_id do  
30 - %i.icon-time  
31 - Milestone  
32 - .col-sm-10= f.select(:milestone_id, milestone_options(@issue), { include_blank: "Select milestone" }, {class: 'chosen'}) 10 + .form-group
  11 + = f.label :title, class: 'control-label' do
  12 + %strong= "Subject *"
  13 + .col-sm-10
  14 + = f.text_field :title, maxlength: 255, class: "form-control js-gfm-input", autofocus: true, required: true
  15 + .form-group
  16 + = f.label :description, "Details", class: 'control-label'
  17 + .col-sm-10
  18 + = f.text_area :description, class: "form-control js-gfm-input", rows: 14
  19 + %p.hint Issues are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.
  20 + %hr
  21 + .form-group
  22 + .issue_assignee
  23 + = f.label :assignee_id, class: 'control-label' do
  24 + %i.icon-user
  25 + Assign to
  26 + .col-sm-10
  27 + = f.select(:assignee_id, assignee_options(@issue), { include_blank: "Select a user" }, {class: 'chosen'})
  28 + &nbsp;
  29 + = link_to 'Assign to me', '#', class: 'btn btn-small assign-to-me-link'
  30 + .form-group
  31 + .issue_milestone
  32 + = f.label :milestone_id, class: 'control-label' do
  33 + %i.icon-time
  34 + Milestone
  35 + .col-sm-10= f.select(:milestone_id, milestone_options(@issue), { include_blank: "Select milestone" }, {class: 'chosen'})
33 36
34 - .description  
35 - .form-group  
36 - = f.label :label_list do  
37 - %i.icon-tag  
38 - Labels  
39 - .col-sm-10  
40 - = f.text_field :label_list, maxlength: 2000, class: "input-lg"  
41 - %p.hint Separate labels with commas. 37 + .form-group
  38 + = f.label :label_list, class: 'control-label' do
  39 + %i.icon-tag
  40 + Labels
  41 + .col-sm-10
  42 + = f.text_field :label_list, maxlength: 2000, class: "form-control"
  43 + %p.hint Separate labels with commas.
42 44
43 - .form-group  
44 - = f.label :description, "Details"  
45 - .col-sm-10  
46 - = f.text_area :description, class: "input-lg js-gfm-input", rows: 14  
47 - %p.hint Issues are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.  
48 45
49 46
50 .form-actions 47 .form-actions
app/views/projects/merge_requests/_form.html.haml
@@ -33,7 +33,7 @@ @@ -33,7 +33,7 @@
33 .form-group 33 .form-group
34 = f.label :title do 34 = f.label :title do
35 %strong= "Title *" 35 %strong= "Title *"
36 - .col-sm-10= f.text_field :title, class: "input-lg pad js-gfm-input", maxlength: 255, rows: 5, required: true 36 + .col-sm-10= f.text_field :title, class: "form-control pad js-gfm-input", maxlength: 255, rows: 5, required: true
37 .form-group 37 .form-group
38 .left 38 .left
39 = f.label :assignee_id do 39 = f.label :assignee_id do
@@ -48,7 +48,7 @@ @@ -48,7 +48,7 @@
48 .form-group 48 .form-group
49 = f.label :description, "Description" 49 = f.label :description, "Description"
50 .col-sm-10 50 .col-sm-10
51 - = f.text_area :description, class: "input-lg js-gfm-input", rows: 14 51 + = f.text_area :description, class: "form-control js-gfm-input", rows: 14
52 %p.hint Description is parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}. 52 %p.hint Description is parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.
53 53
54 54
app/views/projects/milestones/_form.html.haml
@@ -16,12 +16,12 @@ @@ -16,12 +16,12 @@
16 .form-group 16 .form-group
17 = f.label :title, "Title", class: "control-label" 17 = f.label :title, "Title", class: "control-label"
18 .col-sm-10 18 .col-sm-10
19 - = f.text_field :title, maxlength: 255, class: "input-lg" 19 + = f.text_field :title, maxlength: 255, class: "form-control"
20 %p.hint Required 20 %p.hint Required
21 .form-group 21 .form-group
22 = f.label :description, "Description", class: "control-label" 22 = f.label :description, "Description", class: "control-label"
23 .col-sm-10 23 .col-sm-10
24 - = f.text_area :description, maxlength: 2000, class: "input-lg", rows: 10 24 + = f.text_area :description, maxlength: 2000, class: "form-control", rows: 10
25 %p.hint Milestones are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}. 25 %p.hint Milestones are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}.
26 .col-md-6 26 .col-md-6
27 .form-group 27 .form-group
app/views/projects/network/_head.html.haml
@@ -15,7 +15,7 @@ @@ -15,7 +15,7 @@
15 .form-group 15 .form-group
16 = label_tag :search , "Looking for commit:", class: 'control-label light' 16 = label_tag :search , "Looking for commit:", class: 'control-label light'
17 .col-sm-10 17 .col-sm-10
18 - = text_field_tag :extended_sha1, @options[:extended_sha1], placeholder: "Input an extended SHA1 syntax", class: "search-input input-lg" 18 + = text_field_tag :extended_sha1, @options[:extended_sha1], placeholder: "Input an extended SHA1 syntax", class: "search-input form-control"
19 = button_tag type: 'submit', class: 'btn vtop' do 19 = button_tag type: 'submit', class: 'btn vtop' do
20 %i.icon-search 20 %i.icon-search
21 - @options.each do |key, value| 21 - @options.each do |key, value|
app/views/projects/snippets/_form.html.haml
@@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
11 11
12 .form-group 12 .form-group
13 = f.label :title 13 = f.label :title
14 - .col-sm-10= f.text_field :title, placeholder: "Example Snippet", class: 'input-lg', required: true 14 + .col-sm-10= f.text_field :title, placeholder: "Example Snippet", class: 'form-control', required: true
15 .form-group 15 .form-group
16 = f.label "Lifetime" 16 = f.label "Lifetime"
17 .col-sm-10= f.select :expires_at, lifetime_select_options, {}, {class: 'chosen span2'} 17 .col-sm-10= f.select :expires_at, lifetime_select_options, {}, {class: 'chosen span2'}
app/views/projects/wikis/_new.html.haml
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 .modal-body 7 .modal-body
8 = label_tag :new_wiki_path do 8 = label_tag :new_wiki_path do
9 %span Page slug 9 %span Page slug
10 - = text_field_tag :new_wiki_path, nil, placeholder: 'how-to-setup', class: 'input-lg', required: true, :'data-wikis-path' => project_wikis_path(@project) 10 + = text_field_tag :new_wiki_path, nil, placeholder: 'how-to-setup', class: 'form-control', required: true, :'data-wikis-path' => project_wikis_path(@project)
11 %p.hint 11 %p.hint
12 Please don't use spaces and slashes 12 Please don't use spaces and slashes
13 .modal-footer 13 .modal-footer
app/views/projects/wikis/git_access.html.haml
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 .git-clone-holder 7 .git-clone-holder
8 %button{class: "btn active", :"data-clone" => @gollum_wiki.ssh_url_to_repo} SSH 8 %button{class: "btn active", :"data-clone" => @gollum_wiki.ssh_url_to_repo} SSH
9 %button{class: "btn", :"data-clone" => @gollum_wiki.http_url_to_repo}= gitlab_config.protocol.upcase 9 %button{class: "btn", :"data-clone" => @gollum_wiki.http_url_to_repo}= gitlab_config.protocol.upcase
10 - = text_field_tag :project_clone, @gollum_wiki.url_to_repo, class: "one_click_select input-lg", readonly: true 10 + = text_field_tag :project_clone, @gollum_wiki.url_to_repo, class: "one_click_select form-control", readonly: true
11 11
12 .git-empty 12 .git-empty
13 %fieldset 13 %fieldset
app/views/search/show.html.haml
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 = label_tag :search do 3 = label_tag :search do
4 %span Looking for 4 %span Looking for
5 .col-sm-10 5 .col-sm-10
6 - = search_field_tag :search, params[:search], placeholder: "issue 143", class: "input-lg search-text-input", id: "dashboard_search" 6 + = search_field_tag :search, params[:search], placeholder: "issue 143", class: "form-control search-text-input", id: "dashboard_search"
7 = hidden_field_tag :project_id, params[:project_id] 7 = hidden_field_tag :project_id, params[:project_id]
8 = hidden_field_tag :group_id, params[:group_id] 8 = hidden_field_tag :group_id, params[:group_id]
9 = hidden_field_tag :search_code, params[:search_code] 9 = hidden_field_tag :search_code, params[:search_code]
app/views/snippets/_form.html.haml
@@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
11 11
12 .form-group 12 .form-group
13 = f.label :title 13 = f.label :title
14 - .col-sm-10= f.text_field :title, placeholder: "Example Snippet", class: 'input-lg', required: true 14 + .col-sm-10= f.text_field :title, placeholder: "Example Snippet", class: 'form-control', required: true
15 .form-group 15 .form-group
16 = f.label "Access" 16 = f.label "Access"
17 .col-sm-10 17 .col-sm-10