chatui2
Version:
The React library for Chatbot UI
35 lines (31 loc) • 546 B
text/less
.ChatApp[data-elder-mode='true'] {
--rate-width: 38Px;
}
.RateActions {
position: relative;
z-index: @zindex-rate-actions;
align-self: flex-end;
width: var(--rate-width);
margin: 0 8Px;
}
.RateBtn {
padding: 6Px;
border-radius: 50%;
background: @rate-btn-bg;
font-size: calc(var(--rate-width) - 12Px);
& + .RateBtn {
margin-top: 8Px;
}
&[data-type='up'] {
&:hover,
&.active {
color: var(--brand-1);
}
}
&[data-type='down'] {
&:hover,
&.active {
color: var(--blue);
}
}
}