TelegramPWA/src/components/common/MessageOutgoingStatus.scss

40 lines
577 B
SCSS

.MessageOutgoingStatus {
overflow: hidden;
display: inline-block;
width: 1.1875rem;
height: 1.1875rem;
font-size: 1.1875rem;
line-height: 1;
.icon-message-succeeded {
padding-left: 0.125rem;
}
.Transition {
width: 100%;
height: 100%;
}
.MessageOutgoingStatus--failed::before {
content: "";
position: absolute;
inset: 0.25rem;
display: block;
border-radius: 50%;
background: white;
}
.icon-message-failed {
position: relative;
z-index: 1;
color: var(--color-error);
background: none;
}
}