TelegramPWA/src/components/right/PollAnswerResults.scss

83 lines
1.4 KiB
SCSS

.PollAnswerResults {
display: flex;
flex-direction: column-reverse;
padding: 0 0.5rem 0.625rem;
border-bottom: 1px solid var(--color-borders);
.answer-head {
position: sticky;
z-index: 1;
top: 0;
display: flex;
align-items: center;
padding: 1rem 0.75rem 0.5rem 1rem;
font-size: 0.9375rem;
font-weight: var(--font-weight-medium);
line-height: 1.3125rem;
color: var(--color-text-secondary);
background: var(--color-background);
@media (max-width: 600px) {
padding: 0.5rem 0.25rem 0.5rem 0.5rem;
}
}
.answer-percent {
margin-left: auto;
&[dir="auto"] {
margin-right: auto;
margin-left: 0;
}
}
.poll-voters {
position: relative;
min-height: 3rem;
padding: 0 0.75rem;
.Spinner {
--spinner-size: 1.25rem;
}
@media (max-width: 600px) {
padding: 0 0.25rem;
}
}
.chat-item-clickable {
.ChatInfo .Avatar.size-tiny {
margin-right: 1.75rem;
}
&[dir="rtl"] {
.ChatInfo .Avatar.size-tiny {
margin-right: 0;
margin-left: 1.75rem;
}
}
}
.ShowMoreButton {
width: calc(100% + 1rem);
margin: 0.25rem 0 0 -0.5rem;
&[dir="rtl"] {
.icon-down {
margin-right: 0;
margin-left: 2rem;
}
}
}
.icon-down {
margin-right: 2rem;
font-size: 1.5rem;
vertical-align: middle;
}
}