padma-assets 0.1.32 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/app/abilities/general_ability.rb +2 -1
  3. data/app/assets/javascripts/bootstrap-multiselect.js +1401 -0
  4. data/app/assets/javascripts/bootstrap.min.js +12 -0
  5. data/app/assets/javascripts/jquery-2.1.4.min.js +4 -0
  6. data/app/assets/javascripts/jquery-iframe-transport.js +156 -0
  7. data/app/assets/javascripts/jquery-tmpl-min.js +1 -0
  8. data/app/assets/javascripts/jquery.common.js +12 -0
  9. data/app/assets/javascripts/jquery.iframe-transport.js +156 -0
  10. data/app/assets/javascripts/jquery.postmessage-transport.js +108 -0
  11. data/app/assets/javascripts/jquery.rest_in_place.js +233 -0
  12. data/app/assets/javascripts/jquery.stickyheader.js +7 -5
  13. data/app/assets/javascripts/jquery.tipsy.js +243 -0
  14. data/app/assets/javascripts/jquery.xdr-transport.js +76 -0
  15. data/app/assets/javascripts/padma-assets.js +14 -2
  16. data/app/assets/stylesheets/bootstrap-multiselect.css +1 -0
  17. data/app/assets/stylesheets/common/custom.scss +1611 -0
  18. data/app/assets/stylesheets/common/ui.css.scss +488 -0
  19. data/app/assets/stylesheets/common/variables.scss +68 -0
  20. data/app/assets/stylesheets/custom/colors.css.scss +13 -0
  21. data/app/assets/stylesheets/custom/form.css.scss +37 -0
  22. data/app/assets/stylesheets/custom/tabs.scss +7 -0
  23. data/app/assets/stylesheets/header.css.erb +8 -148
  24. data/app/assets/stylesheets/header.scss +364 -0
  25. data/app/assets/stylesheets/layout_application.css +0 -5
  26. data/app/assets/stylesheets/layout_users.css +29 -28
  27. data/app/assets/stylesheets/pm-modal.scss +15 -9
  28. data/app/views/layouts/_header.html.erb +24 -20
  29. data/app/views/layouts/_lists_list.html.erb +39 -25
  30. data/app/views/layouts/_module_box.html.erb +70 -58
  31. metadata +21 -7
  32. data/app/assets/stylesheets/button.css.scss +0 -344
  33. data/app/assets/stylesheets/padma-accounts.scss +0 -3
  34. data/app/assets/stylesheets/reset.css +0 -102
  35. data/app/assets/stylesheets/tables.css.scss +0 -154
  36. data/app/views/layouts/_alpha_lists_list.html.erb +0 -46
@@ -1,21 +1,25 @@
1
- <header class="header">
2
- <div id="H_moduleArea">
3
- <%= render 'layouts/module_box' %>
4
- <nav class="subnav" data-priority="secondary" >
5
- <div class="wrapper">
6
- <h2><%= yield(:breadcrum) %></h2>
7
-
8
- <%= yield(:header_submenu) %>
9
-
10
- <%= form_tag "#{APP_CONFIG['crm-url']}/contacts", {:id => "H_searchForm", :method => :get} do -%>
11
- <select name="scope">
12
- <option value="local"><%= t('header-menu.search.locally') %></option>
13
- <option value="global"><%= t('header-menu.search.globally') %></option>
14
- </select>
15
- <%= text_field_tag :q, nil, iD: 'sField' %>
16
- <%= submit_tag "&nbsp;".html_safe, :class => "submit_search" -%>
17
- <%- end -%>
1
+ <header id="header" role='banner'>
2
+ <%= render 'layouts/module_box' %>
3
+ <div class='breadcrumb'>
4
+ <div class='container'>
5
+ <div class='breadcrumb-inner'>
6
+ <div class='breadcrumb-nav'>
7
+ <div class='nav-item'><%= yield(:breadcrum) %></div>
8
+ <div class='nav-item'><%= yield(:header_submenu) %></div>
9
+ </div>
10
+ <div class='breadcrumb-form'>
11
+ <%= form_tag "#{APP_CONFIG['crm-url']}/contacts", {:class => 'form-inline', :id => "H_searchForm", :method => :get} do -%>
12
+ <div class="select">
13
+ <select name="scope" class='form-control'>
14
+ <option value="local"><%= t('header-menu.search.locally') %></option>
15
+ <option value="global"><%= t('header-menu.search.globally') %></option>
16
+ </select>
17
+ </div>
18
+ <%= text_field_tag :q, nil, iD: 'sField', :class => 'form-control' %>
19
+ <%= submit_tag "&nbsp;".html_safe, :class => "submit_search search-btn" -%>
20
+ <%- end -%>
21
+ </div>
18
22
  </div>
19
- </nav>
20
- </div><!-- #H_moduleArea -->
21
- </header> <!-- .header -->
23
+ </div>
24
+ </div>
25
+ </header>
@@ -1,28 +1,42 @@
1
- <li class="dropdown-header"><%= t('header-menu.lists.contacts.title') %></li>
2
- <li><%= link_to t('header-menu.lists.contacts.all_contacts'), "#{APP_CONFIG['crm-url']}/contacts" %></li>
3
- <%- %W(students former_students prospects).each do |st| -%>
4
- <li>
5
- <%= link_to t("header-menu.lists.contacts.#{st}"), "#{APP_CONFIG['crm-url']}/contacts/#{st}" %>
6
- </li>
7
- <%- end -%>
1
+ <li><%= link_to t('header-menu.lists.lists.new_list'), "#{APP_CONFIG['crm-url']}/contacts/search" %></li>
2
+ <li><%= link_to t('header-menu.lists.lists.all_lists'), "#{APP_CONFIG['crm-url']}/persistent_contact_searches" %></li>
3
+
4
+ <li class='dropdown-form'>
5
+ <input id="menu-lists-filter" class='form-control' type='text' placeholder='<%= t('header-menu.lists.lists.find_list') %>' />
6
+ </li>
7
+ <li class="dropdown-header">
8
+ <a id="refresh-lists-list-menu" class='pull-right tipsyS' original-title="<%= t('header-menu.lists.refresh_tipsy') %>"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></a>
9
+ <%= t('header-menu.lists.lists.saved_lists') %>
10
+ </li>
11
+ <div id="all-available-lists-menu">
12
+ <div id="menu-saved-lists"
13
+ class="cached-async-render"
14
+ data-cache-expires-in="120"
15
+ data-cache-key="saved-lists-for-<%= current_user.current_account.name%>"
16
+ data-url="<%= APP_CONFIG['crm-url' ] %>/persistent_contact_searches/menu?account_name=<%= current_user.current_account.name %>">
17
+ <li><a><%= image_tag 'spinner.gif' %></a></li>
18
+ </div>
19
+ <li class="dropdown-header"><%= t('header-menu.lists.lists.system_lists') %></li>
20
+ <%- %W(students former_students prospects).each do |st| -%>
8
21
  <li>
9
- <%= link_to t('header-menu.lists.contacts.current_month_birthdays'), "#{APP_CONFIG['crm-url']}/contacts?contact_search%5Bchosen_columns%5D%5B%5D=full_name&contact_search%5Bchosen_columns%5D%5B%5D=birthday&contact_search%5Bdate_attribute%5D%5Bcategory%5D=birthday&contact_search%5Bdate_attribute%5D%5Bmonth%5D=#{Time.zone.now.month}&column=birthday&direction=asc" %>
22
+ <%= link_to t("header-menu.lists.contacts.#{st}"), "#{APP_CONFIG['crm-url']}/contacts/#{st}" %>
10
23
  </li>
11
-
12
- <li class="dropdown-header"><%= t('header-menu.lists.subscription_changes.title') %></li>
13
-
14
- <li><%= link_to t('header-menu.lists.subscription_changes.enrollments'), "#{APP_CONFIG['crm-url']}/enrollments" %></li>
15
- <li><%= link_to t('header-menu.lists.subscription_changes.dropouts'), "#{APP_CONFIG['crm-url']}/drop_outs" %></li>
16
-
24
+ <%- end -%>
25
+ <li>
26
+ <%= link_to t('header-menu.lists.contacts.current_month_birthdays'), "#{APP_CONFIG['crm-url']}/contacts?contact_search%5Bchosen_columns%5D%5B%5D=full_name&contact_search%5Bchosen_columns%5D%5B%5D=birthday&contact_search%5Bdate_attribute%5D%5Bcategory%5D=birthday&contact_search%5Bdate_attribute%5D%5Bmonth%5D=#{Time.zone.now.month}&column=birthday&direction=asc" %>
27
+ </li>
28
+ <li class="dropdown-header"><%= t('header-menu.lists.subscription_changes.title') %></li>
29
+ <li><%= link_to t('header-menu.lists.subscription_changes.enrollments'), "#{APP_CONFIG['crm-url']}/enrollments" %></li>
30
+ <li><%= link_to t('header-menu.lists.subscription_changes.dropouts'), "#{APP_CONFIG['crm-url']}/drop_outs" %></li>
17
31
  <li class="dropdown-header"><%= t('header-menu.lists.communications.title') %></li>
18
- <li><%= link_to t('header-menu.lists.communications.all'), "#{APP_CONFIG['crm-url']}/communications" %></li>
19
- <li><%= link_to t('header-menu.lists.communications.visits'), "#{APP_CONFIG['crm-url']}/communications/interviews" %></li>
20
- <li><%= link_to t('header-menu.lists.communications.phonecalls'), "#{APP_CONFIG['crm-url']}/communications/phone_calls" %></li>
21
- <li><%= link_to t('header-menu.lists.communications.emails'), "#{APP_CONFIG['crm-url']}/communications/emails" %></li>
22
- <li><%= link_to t('header-menu.lists.communications.web'), "#{APP_CONFIG['crm-url']}/communications/web" %></li>
23
-
24
- <li class="dropdown-header"><%= t('header-menu.lists.comments.title') %></li>
25
- <li><%= link_to t('header-menu.lists.comments.all'), "#{APP_CONFIG['crm-url']}/comments" %></li>
26
- <% %W(FollowUp Gestion Revisacion Reunion).each do |t| -%>
27
- <li><%= link_to t("header-menu.lists.comments.#{t}"), "#{APP_CONFIG['crm-url']}/comments?comment_search%5Bcomment_types%5D%5B%5D=#{t}" %></li>
28
- <% end -%>
32
+ <li><%= link_to t('header-menu.lists.communications.all'), "#{APP_CONFIG['crm-url']}/communications" %></li>
33
+ <li><%= link_to t('header-menu.lists.communications.visits'), "#{APP_CONFIG['crm-url']}/communications/interviews" %></li>
34
+ <li><%= link_to t('header-menu.lists.communications.phonecalls'), "#{APP_CONFIG['crm-url']}/communications/phone_calls" %></li>
35
+ <li><%= link_to t('header-menu.lists.communications.emails'), "#{APP_CONFIG['crm-url']}/communications/emails" %></li>
36
+ <li><%= link_to t('header-menu.lists.communications.web'), "#{APP_CONFIG['crm-url']}/communications/web" %></li>
37
+ <li class="dropdown-header"><%= t('header-menu.lists.comments.title') %></li>
38
+ <li><%= link_to t('header-menu.lists.comments.all'), "#{APP_CONFIG['crm-url']}/comments" %></li>
39
+ <% %W(FollowUp Gestion Revisacion Reunion).each do |t| -%>
40
+ <li><%= link_to t("header-menu.lists.comments.#{t}"), "#{APP_CONFIG['crm-url']}/comments?comment_search%5Bcomment_types%5D%5B%5D=#{t}" %></li>
41
+ <% end -%>
42
+ </div>
@@ -1,62 +1,74 @@
1
- <nav class="navbar navbar-inverse navbar-static-top">
2
- <div class="navbar-header">
3
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
4
- <span class="sr-only">Toggle navigation</span>
5
- <span class="icon-bar"></span>
6
- <span class="icon-bar"></span>
7
- <span class="icon-bar"></span>
8
- </button>
9
- <a id="H_logo" class="navbar-brand" href="<%= APP_CONFIG['crm-url'] %>"> </a>
10
- </div>
11
- <div id="navbar" class="collapse navbar-collapse">
12
- <ul class="nav navbar-nav">
13
- <li>
14
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><%= t('header-menu.lists.title') %> <span class="caret"></span></a>
15
- <ul id="lists-menu-drowpdown" class="dropdown-menu" role="menu">
16
- <% if can?(:manage,:persistent_contact_searches) -%>
17
- <%= render 'layouts/alpha_lists_list' %>
18
- <% else -%>
1
+ <nav class="navbar navbar-inverse">
2
+ <div class='container'>
3
+ <div class="navbar-header">
4
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
5
+ <span class="sr-only">Toggle navigation</span>
6
+ <span class="icon-bar"></span>
7
+ <span class="icon-bar"></span>
8
+ <span class="icon-bar"></span>
9
+ </button>
10
+ <a class="navbar-brand" href="<%= APP_CONFIG['crm-url'] %>"> </a>
11
+ </div>
12
+ <div id="navbar" class="collapse navbar-collapse">
13
+ <ul class="nav navbar-nav">
14
+ <li>
15
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><%= t('header-menu.lists.title') %> <span class="caret"></span></a>
16
+ <ul class="dropdown-menu" role="menu">
19
17
  <%= render 'layouts/lists_list' %>
20
- <% end -%>
21
- </ul>
22
- </li>
23
- <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><%= t('header-menu.stats.title') %> <span class="caret"></span></a>
24
- <ul class="dropdown-menu" role="menu">
25
- <%= render 'layouts/stats_list' %>
18
+ </ul>
19
+ </li>
20
+ <li>
21
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
22
+ <%= t('header-menu.stats.title') %> <span class="caret"></span>
23
+ </a>
24
+ <ul class="dropdown-menu" role="menu">
25
+ <%= render 'layouts/stats_list' %>
26
+ </ul>
27
+ </li>
28
+ <li>
29
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
30
+ <%= t('header-menu.mailing.title') %> <span class="caret"></span>
31
+ </a>
32
+ <ul class="dropdown-menu" role="menu">
33
+ <%= render 'layouts/mailing_menu' %>
34
+ </ul>
35
+ </li>
36
+ <li>
37
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
38
+ <%= t('header-menu.attendance.title') %> <span class="caret"></span>
39
+ </a>
40
+ <ul class="dropdown-menu" role="menu">
41
+ <%= render 'layouts/attendance_menu' %>
42
+ </ul>
43
+ </li>
44
+ <li>
45
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
46
+ <%= t('header-menu.modules.title') %> <span class="caret"></span>
47
+ </a>
48
+ <ul class="dropdown-menu" role="menu">
49
+ <li><%= link_to t('header-menu.modules.fnz'), APP_CONFIG['fnz-url'] %></li>
50
+ <li><%= link_to t('header-menu.modules.planning'), APP_CONFIG['planning-url'] %></li>
51
+ </ul>
52
+ </li>
26
53
  </ul>
27
- </li>
28
- <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><%= t('header-menu.mailing.title') %> <span class="caret"></span></a>
29
- <ul class="dropdown-menu" role="menu">
30
- <%= render 'layouts/mailing_menu' %>
31
- </ul>
32
- </li>
33
- <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><%= t('header-menu.attendance.title') %> <span class="caret"></span></a>
34
- <ul class="dropdown-menu" role="menu">
35
- <%= render 'layouts/attendance_menu' %>
54
+ <ul class="nav navbar-nav navbar-right">
55
+ <li>
56
+ <%= link_to t('header-menu.new_contact'), "#{APP_CONFIG['crm-url']}/contacts/new", class: 'new-contact tipsyS' %>
57
+ </li>
58
+ <li>
59
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="username">
60
+ <%= current_user.username %> <span class="caret"></span>
61
+ </a>
62
+ <ul class="dropdown-menu" role="menu">
63
+ <li><%= link_to t('header-menu.user_menu.user_profile'), APP_CONFIG['accounts-url'] %></li>
64
+ <% if current_user.current_account -%>
65
+ <li><%= link_to t('header-menu.user_menu.school_profile'), "#{APP_CONFIG['accounts-url']}/accounts/#{current_user.current_account.name}" %></li>
66
+ <% end -%>
67
+ <li><%= link_to t('header-menu.user_menu.billing'), "#{APP_CONFIG['accounts-url']}/accounts/#{current_user.current_account.name}/invoices/pending" %></li>
68
+ <li><%= link_to "Secretaria Virtual", "http://www.metododerose.org/secretariavirtual", target: "_blank" %></li>
69
+ <li><%= link_to t('header-menu.user_menu.logout'), logout_url %></li></ul>
70
+ </li>
36
71
  </ul>
37
- </li>
38
-
39
- <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><%= t('header-menu.modules.title') %> <span class="caret"></span></a>
40
- <ul class="dropdown-menu" role="menu">
41
- <li><%= link_to t('header-menu.modules.fnz'), APP_CONFIG['fnz-url'] %></li>
42
- <% if can?(:manage, :planning) %>
43
- <li><%= link_to t('header-menu.modules.planning'), APP_CONFIG['planning-url'] %></li>
44
- <% end %>
45
- </ul>
46
- </li>
47
- </ul>
48
- <ul class="nav navbar-nav navbar-right">
49
- <li><%= link_to t('header-menu.new_contact'), "#{APP_CONFIG['crm-url']}/contacts/new", class: 'tipsyS' %></li>
50
- <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" id="username"><%= current_user.username %> <span class="caret"></span></a>
51
- <ul class="dropdown-menu" role="menu">
52
- <li><%= link_to t('header-menu.user_menu.user_profile'), APP_CONFIG['accounts-url'] %></li>
53
- <% if current_user.current_account -%>
54
- <li><%= link_to t('header-menu.user_menu.school_profile'), "#{APP_CONFIG['accounts-url']}/accounts/#{current_user.current_account.name}" %></li>
55
- <% end -%>
56
- <li><%= link_to t('header-menu.user_menu.billing'), "#{APP_CONFIG['accounts-url']}/accounts/#{current_user.current_account.name}/invoices/pending" %></li>
57
- <li><%= link_to "Secretaria Virtual", "http://www.metododerose.org/secretariavirtual", target: "_blank" %></li>
58
- <li><%= link_to t('header-menu.user_menu.logout'), logout_url %></li></ul>
59
- </li>
60
- </ul>
61
- </div><!--/.nav-collapse -->
72
+ </div>
73
+ </div>
62
74
  </nav>
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: padma-assets
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.32
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dwayne Macgowan
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-11-24 00:00:00.000000000 Z
11
+ date: 2015-12-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties
@@ -62,35 +62,49 @@ files:
62
62
  - app/assets/images/search.svg
63
63
  - app/assets/images/spinner.gif
64
64
  - app/assets/javascripts/async_render.js.coffee.erb
65
+ - app/assets/javascripts/bootstrap-multiselect.js
66
+ - app/assets/javascripts/bootstrap.min.js
65
67
  - app/assets/javascripts/cache.js
66
68
  - app/assets/javascripts/initialize-lists-menu.js.coffee
69
+ - app/assets/javascripts/jquery-2.1.4.min.js
70
+ - app/assets/javascripts/jquery-iframe-transport.js
71
+ - app/assets/javascripts/jquery-tmpl-min.js
67
72
  - app/assets/javascripts/jquery.ba-throttle-debounce.min.js
73
+ - app/assets/javascripts/jquery.common.js
68
74
  - app/assets/javascripts/jquery.gritter.min.js
75
+ - app/assets/javascripts/jquery.iframe-transport.js
76
+ - app/assets/javascripts/jquery.postmessage-transport.js
69
77
  - app/assets/javascripts/jquery.quickfilter.js
78
+ - app/assets/javascripts/jquery.rest_in_place.js
70
79
  - app/assets/javascripts/jquery.stickyheader.js
80
+ - app/assets/javascripts/jquery.tipsy.js
81
+ - app/assets/javascripts/jquery.xdr-transport.js
71
82
  - app/assets/javascripts/mixpanel.js
72
83
  - app/assets/javascripts/notifications.js.coffee
73
84
  - app/assets/javascripts/padma-assets.js
74
85
  - app/assets/javascripts/ux-events.js.coffee
86
+ - app/assets/stylesheets/bootstrap-multiselect.css
75
87
  - app/assets/stylesheets/bootstrap3-3-2.min.css
76
- - app/assets/stylesheets/button.css.scss
77
88
  - app/assets/stylesheets/colors.css.scss
89
+ - app/assets/stylesheets/common/custom.scss
90
+ - app/assets/stylesheets/common/ui.css.scss
91
+ - app/assets/stylesheets/common/variables.scss
92
+ - app/assets/stylesheets/custom/colors.css.scss
93
+ - app/assets/stylesheets/custom/form.css.scss
94
+ - app/assets/stylesheets/custom/tabs.scss
78
95
  - app/assets/stylesheets/fonts.css.erb
79
96
  - app/assets/stylesheets/footer.css
80
97
  - app/assets/stylesheets/header.css.erb
98
+ - app/assets/stylesheets/header.scss
81
99
  - app/assets/stylesheets/jquery.gritter.css
82
100
  - app/assets/stylesheets/layout_application.css
83
101
  - app/assets/stylesheets/layout_schools.css
84
102
  - app/assets/stylesheets/layout_users.css
85
103
  - app/assets/stylesheets/menubox_w140px.css
86
- - app/assets/stylesheets/padma-accounts.scss
87
104
  - app/assets/stylesheets/padma-assets.css
88
105
  - app/assets/stylesheets/pictos.css.scss
89
106
  - app/assets/stylesheets/pm-gritter.scss
90
107
  - app/assets/stylesheets/pm-modal.scss
91
- - app/assets/stylesheets/reset.css
92
- - app/assets/stylesheets/tables.css.scss
93
- - app/views/layouts/_alpha_lists_list.html.erb
94
108
  - app/views/layouts/_attendance_menu.html.erb
95
109
  - app/views/layouts/_header.html.erb
96
110
  - app/views/layouts/_lists_list.html.erb
@@ -1,344 +0,0 @@
1
- /* Button
2
-
3
- $light_grey: #f1f2f2;
4
- $dark_grey: #dcdddd;
5
-
6
- $light_green: #ebffcf;
7
- $dark_green: #9fdd0c;
8
-
9
- $light_red: #ffd4c7;
10
- $dark_red: red;
11
-
12
- @mixin button-background-color($light,$dark) {
13
- background: $dark; // fallback
14
- background: -webkit-gradient(linear,left top,left bottom,color-stop(0, $light),color-stop(1, $dark)); // Saf4+, Chrome en adelante
15
- background: -moz-linear-gradient(top, $light, $dark); // FF3.6 en adelante
16
- }
17
-
18
- .bt {
19
- a, button {
20
- display:inline-block;
21
- padding:0px;
22
- margin:0px;
23
- border: 1px solid #CCC;
24
- -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; // CSS3 con -moz- & -webkit prefix for application on firefox + chrome
25
- @include button-background-color(#FFF, $light_grey);
26
- vertical-align: middle;
27
- cursor: pointer;
28
- &:hover:enabled {
29
- @include button-background-color($light_grey, $dark_grey);
30
- }
31
- &:active:enabled {
32
- @include button-background-color($dark_grey, $light_grey);
33
- }
34
- &:disabled {
35
- span:last-child {
36
- color: rgb(204, 204, 204);
37
- }
38
- }
39
- }
40
-
41
- &.green a, &.green button {
42
- &:hover {
43
- @include button-background-color($light_green, $dark_green);
44
- }
45
-
46
- &:active {
47
- @include button-background-color($dark_green, $light_green);
48
- }
49
- }
50
-
51
- &.red a, &.red button {
52
- &:hover {
53
- @include button-background-color($light_red, $dark_red);
54
- }
55
-
56
- &:active {
57
- @include button-background-color($dark_red, $light_red);
58
- }
59
- }
60
-
61
-
62
- button {
63
- font-size: 12px;
64
- height: 26px;
65
- min-width: 24px;
66
- line-height: 11px;
67
- }
68
- // Button Heigths Classes
69
-
70
- &.h24 {
71
- a {
72
- height:24px;
73
- min-width:24px;
74
- }
75
-
76
- span:first-child {
77
- display:inline-block;
78
- height:16px;
79
- width:16px;
80
- padding:0px;
81
- margin:4px 0px 4px 6px;
82
- }
83
-
84
- span:last-child {
85
- display:inline-block;
86
- vertical-align:top;
87
- font: {
88
- family:Arial, Helvetica, sans-serif;
89
- size:12px;
90
- weight: bold;
91
- }
92
- color:#4D4D4D;
93
- margin:6px 6px 6px 6px;
94
- }
95
-
96
- &.textOnly span:first-child {
97
- display:none;
98
- }
99
-
100
- &.iconOnly {
101
- span:first-child {
102
- margin:4px 6px 4px 6px;
103
- }
104
-
105
- span:last-child {
106
- display:none;
107
- }
108
- }
109
- }
110
- }
111
-
112
- */
113
-
114
- // buttons style
115
- //
116
- // Buttons
117
- // --------------------------------------------------
118
-
119
-
120
- // Base styles
121
- // --------------------------------------------------
122
-
123
- .button {
124
- background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
125
- border: 1px solid transparent;
126
- border-radius: 2px;
127
- box-shadow: 0 1px 0 rgba(#000,.05);
128
- cursor: pointer;
129
- display: inline-block;
130
- font: {
131
- family: "Helvetica Neue",Helvetica,Arial,sans-serif;
132
- size: 12px;
133
- weight: bold;
134
- }
135
- line-height: 1.42857143;
136
- margin-bottom: 0;
137
- outline: 0;
138
- padding: 6px 12px !important;
139
- text-align: center;
140
- touch-action: manipulation;
141
- -webkit-user-select: none;
142
- -moz-user-select: none;
143
- -ms-user-select: none;
144
- user-select: none;
145
- vertical-align: middle;
146
- white-space: nowrap;
147
- span {
148
- &[class*="icon"] {
149
- display: inline-block;
150
- height: 16px;
151
- vertical-align: middle;
152
- width: 16px;
153
- + span {
154
- margin-left: 5px;
155
- &:empty {
156
- display: none;
157
- }
158
- }
159
- }
160
- &:not([class*="icon"]) {
161
- display: none;
162
- }
163
- &:last-child {
164
- color: inherit;
165
- display: inline-block;
166
- font: {
167
- size: inherit;
168
- weight: inherit;
169
- }
170
- margin: 0;
171
- }
172
- }
173
- &:after {
174
- content: '';
175
- display: inline-block;
176
- vertical-align: middle;
177
- height: 100%;
178
- }
179
- &:active,
180
- &.active {
181
- background-image: none;
182
- box-shadow: inset 0 1px 0 #ddd;
183
- }
184
- &.disabled,
185
- &[disabled],
186
- fieldset[disabled] & {
187
- cursor: not-allowed;
188
- pointer-events: none; // Future-proof disabling of clicks
189
- opacity: .65;
190
- box-shadow: none;
191
- }
192
- &.button-xs {
193
- font-size: 12px;
194
- line-height: 1.5;
195
- padding: 1px 5px !important;
196
- }
197
- }
198
-
199
-
200
- // Alternate buttons
201
- // --------------------------------------------------
202
-
203
- .button-default {
204
- border-color: #d3d3d3;
205
- background: #f8f8f8;
206
- color: #333;
207
- &:hover,
208
- &:focus,
209
- &.focus {
210
- border-color: #c6c6c6;
211
- background: #f0f0f0;
212
- box-shadow: 0 1px 0 rgba(#000,.10);
213
- color: #333;
214
- text-decoration: none;
215
- }
216
- &:active,
217
- &:active:focus,
218
- &.active,
219
- &:focus,
220
- &.focus {
221
- background-image: none;
222
- box-shadow: inset 0 1px 0 #ddd;
223
- }
224
- }
225
- .button-primary {
226
- color: #fff;
227
- background-color: #3991e3;
228
- border-color: #3991e3;
229
- &:active,
230
- &.active,
231
- &:hover,
232
- &:focus {
233
- background-color: darken(#3991e3,10%);
234
- border-color: darken(#3991e3,10%);
235
- color: #fff;
236
- }
237
- }
238
- // Success appears as green
239
- .button-success {
240
- color: #fff;
241
- background-color: #5cb85c;
242
- border-color: #4cae4c;
243
- }
244
- // Info appears as blue-green
245
- .button-info {
246
- color: #fff;
247
- background-color: #5bc0de;
248
- border-color: #46b8da;
249
- }
250
- // Warning appears as orange
251
- .button-warning {
252
- color: #fff;
253
- background-color: #f0ad4e;
254
- border-color: #eea236;
255
- }
256
- // Danger and error appear as red
257
- .button-danger {
258
- color: #fff;
259
- background-color: #d9534f;
260
- border-color: #d43f3a;
261
- }
262
-
263
-
264
- // Link buttons
265
- // -------------------------
266
-
267
- // Make a button look and behave like a link
268
- .button-link {
269
- background-color: transparent;
270
- box-shadow: none;
271
- color: #337ab7;
272
- font-weight: normal;
273
- border-radius: 0;
274
- &:active,
275
- &.active,
276
- &[disabled],
277
- fieldset[disabled] & {
278
- background-color: transparent;
279
- box-shadow: none;
280
- }
281
- &:hover,
282
- &:focus,
283
- &:active {
284
- border-color: transparent;
285
- box-shadow: none;
286
- }
287
- &:hover,
288
- &:focus {
289
- color: #23527c;
290
- text-decoration: underline;
291
- background-color: transparent;
292
- }
293
- &[disabled],
294
- fieldset[disabled] & {
295
- &:hover,
296
- &:focus {
297
- color: #23527c;
298
- text-decoration: none;
299
- opacity: .65;
300
- }
301
- }
302
- }
303
-
304
- // Block button
305
- // --------------------------------------------------
306
-
307
- .button-block {
308
- display: block;
309
- width: 100%;
310
- }
311
-
312
- // Vertically space out multiple block buttons
313
- .button-block + .button-block {
314
- margin-top: 5px;
315
- }
316
-
317
- // Specificity overrides
318
- input[type="submit"],
319
- input[type="reset"],
320
- input[type="button"] {
321
- &.button-block {
322
- width: 100%;
323
- }
324
- }
325
-
326
- // buttons with icon
327
- //
328
- // After change style..
329
-
330
- .iconComment16 {
331
- background:url('icon_sprite_grid_16px.png') -48px 0px no-repeat;
332
- }
333
-
334
- .iconFilter16 {
335
- background:url('icon_sprite_grid_16px.png') -64px 0px no-repeat;
336
- }
337
-
338
- .iconConfig16 {
339
- background:url('icon_sprite_grid_16px.png') -80px 0px no-repeat;
340
- }
341
-
342
- .iconDownload16 {
343
- background:url('icon_sprite_grid_16px.png') 0px -144px no-repeat;
344
- }