Test two line buttons in toolbar

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

View file

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

View file

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