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

Test two line buttons in toolbar

Browse source
This commit is contained in:
JuliaSvinareva 2021-12-22 19:25:25 +03:00
parent 0d62988f44
commit b32d8fb121
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -210,8 +210,9 @@ define([
templateBtnIcon +
'</div>' +
'<div class="inner-box-caption">' +
'<span class="caption"><%= caption %></span>' +
'<i class="caret"></i>' +
'<span class="caption"><%= caption %>' +
'<i class="caret"></i>' +
'</span>' +
'</div>' +
'</button>' +
'</div>';

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

@ -70,6 +70,8 @@
transition: transform 0.2s ease;
transform: rotate(-135deg) translate(1px,1px);
margin: 0 1px 0 4px;
}
//&:active,
@ -232,11 +234,16 @@
padding: 0 2px;
display: flex;
align-items: center;
//align-items: start;
.caption {
max-width: 107px;
//max-width: 107px;
text-overflow: ellipsis;
overflow: hidden;
white-space: pre-line;
line-height: 11px;
padding-right: 0;
}
}
@ -267,7 +274,7 @@
&.dropdown-toggle {
.caption {
max-width: 100px;
//max-width: 100px;
}
}
}