Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[Common] repaired button's caption

Browse source
This commit is contained in:
Maxim Kadushkin 2017-03-06 12:02:32 +03:00
parent a75065ecd6
commit 357bcc9061
2 changed files with 16 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
apps/common/main/lib/component/Button.js
View file

@ -138,28 +138,28 @@ define([
template: _.template([
'<% if (menu == null) { %>',
'<button type="button" class="btn <%= cls %>" id="<%= id %>" style="<%= style %>">',
'<span class="caption"><%= caption %></span>',
'<% if (iconCls != "") { %>',
'<span class="btn-icon <%= iconCls %>">&nbsp;</span>',
'<i class="btn-icon <%= iconCls %>">&nbsp;</i>',
'<% } %>',
'<span class="caption"><%= caption %></span>',
'</button>',
'<% } else if (split == false) {%>',
'<div class="btn-group" id="<%= id %>" style="<%= style %>">',
'<button type="button" class="btn dropdown-toggle <%= cls %>" data-toggle="dropdown">',
'<span class="caption"><%= caption %></span>',
'<% if (iconCls != "") { %>',
'<span class="btn-icon <%= iconCls %>">&nbsp;</span>',
'<i class="btn-icon <%= iconCls %>">&nbsp;</i>',
'<% } %>',
'<span class="caption"><%= caption %></span>',
'<span class="caret img-commonctrl"></span>',
'</button>',
'</div>',
'<% } else { %>',
'<div class="btn-group split" id="<%= id %>" style="<%= style %>">',
'<button type="button" class="btn <%= cls %>">',
'<span class="caption"><%= caption %></span>',
'<% if (iconCls != "") { %>',
'<span class="btn-icon <%= iconCls %>">&nbsp;</span>',
'<i class="btn-icon <%= iconCls %>">&nbsp;</i>',
'<% } %>',
'<span class="caption"><%= caption %></span>',
'</button>',
'<button type="button" class="btn <%= cls %> dropdown-toggle" data-toggle="dropdown">',
'<span class="caret img-commonctrl"></span>',

23
apps/common/main/resources/less/buttons.less
View file

@ -99,11 +99,14 @@
background-color: @primary;
}
span.btn-icon {
.position();
.caption:not(:empty) {
padding: 0 5px 0 2px;
}
.btn-icon {
padding: 0;
margin: 0;
position: absolute;
display: inline-block;
background-repeat: no-repeat;
.background-ximage('@{app-image-path}/toolbar-menu.png', '@{app-image-path}/toolbar-menu@2x.png', 60px);
@ -119,7 +122,7 @@
// Large size
// ------------------------
&.large {
span.btn-icon {
.btn-icon {
width: 30px !important;
height: 30px;
line-height: 20px;
@ -224,12 +227,6 @@
&.dropdown-toggle {
width: 100%;
min-width: 28px;
.caret {
// float: right;
position: relative;
right: -8px;
}
}
&.btn-text-value {
@ -295,7 +292,7 @@
.box-shadow(none);
background-color: transparent;
span.btn-icon {
.btn-icon {
position: relative;
min-width: inherit;
height: inherit;
@ -378,7 +375,7 @@
border: 1px solid @input-border;
.border-radius(@border-radius-small);
span.btn-icon {
.btn-icon {
width: 28px;
padding: 0;
margin: 0;
@ -414,7 +411,7 @@
border: 1px solid @input-border;
.border-radius(@border-radius-small);
span.btn-icon {
.btn-icon {
display: inline-block;
.btn.btnsize(52px);
padding: 0;