Test two line buttons in toolbar
This commit is contained in:
parent
0d62988f44
commit
b32d8fb121
|
@ -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>';
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue