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.
- checksums.yaml +4 -4
- data/app/abilities/general_ability.rb +2 -1
- data/app/assets/javascripts/bootstrap-multiselect.js +1401 -0
- data/app/assets/javascripts/bootstrap.min.js +12 -0
- data/app/assets/javascripts/jquery-2.1.4.min.js +4 -0
- data/app/assets/javascripts/jquery-iframe-transport.js +156 -0
- data/app/assets/javascripts/jquery-tmpl-min.js +1 -0
- data/app/assets/javascripts/jquery.common.js +12 -0
- data/app/assets/javascripts/jquery.iframe-transport.js +156 -0
- data/app/assets/javascripts/jquery.postmessage-transport.js +108 -0
- data/app/assets/javascripts/jquery.rest_in_place.js +233 -0
- data/app/assets/javascripts/jquery.stickyheader.js +7 -5
- data/app/assets/javascripts/jquery.tipsy.js +243 -0
- data/app/assets/javascripts/jquery.xdr-transport.js +76 -0
- data/app/assets/javascripts/padma-assets.js +14 -2
- data/app/assets/stylesheets/bootstrap-multiselect.css +1 -0
- data/app/assets/stylesheets/common/custom.scss +1611 -0
- data/app/assets/stylesheets/common/ui.css.scss +488 -0
- data/app/assets/stylesheets/common/variables.scss +68 -0
- data/app/assets/stylesheets/custom/colors.css.scss +13 -0
- data/app/assets/stylesheets/custom/form.css.scss +37 -0
- data/app/assets/stylesheets/custom/tabs.scss +7 -0
- data/app/assets/stylesheets/header.css.erb +8 -148
- data/app/assets/stylesheets/header.scss +364 -0
- data/app/assets/stylesheets/layout_application.css +0 -5
- data/app/assets/stylesheets/layout_users.css +29 -28
- data/app/assets/stylesheets/pm-modal.scss +15 -9
- data/app/views/layouts/_header.html.erb +24 -20
- data/app/views/layouts/_lists_list.html.erb +39 -25
- data/app/views/layouts/_module_box.html.erb +70 -58
- metadata +21 -7
- data/app/assets/stylesheets/button.css.scss +0 -344
- data/app/assets/stylesheets/padma-accounts.scss +0 -3
- data/app/assets/stylesheets/reset.css +0 -102
- data/app/assets/stylesheets/tables.css.scss +0 -154
- data/app/views/layouts/_alpha_lists_list.html.erb +0 -46
@@ -1,21 +1,25 @@
|
|
1
|
-
<header
|
2
|
-
|
3
|
-
|
4
|
-
<
|
5
|
-
<div class=
|
6
|
-
<
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
<
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
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 " ".html_safe, :class => "submit_search search-btn" -%>
|
20
|
+
<%- end -%>
|
21
|
+
</div>
|
18
22
|
</div>
|
19
|
-
</
|
20
|
-
</div
|
21
|
-
</header>
|
23
|
+
</div>
|
24
|
+
</div>
|
25
|
+
</header>
|
@@ -1,28 +1,42 @@
|
|
1
|
-
|
2
|
-
<li><%= link_to t('header-menu.lists.
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
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
|
-
|
22
|
+
<%= link_to t("header-menu.lists.contacts.#{st}"), "#{APP_CONFIG['crm-url']}/contacts/#{st}" %>
|
10
23
|
</li>
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
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
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
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
|
2
|
-
<div class=
|
3
|
-
<
|
4
|
-
<
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
<
|
13
|
-
<
|
14
|
-
<
|
15
|
-
|
16
|
-
|
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
|
-
|
21
|
-
</
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
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
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
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
|
-
|
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.
|
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
|
+
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
|
-
}
|