TelegramPWA/src/components/middle/UserReportPanel.scss

37 lines
875 B
SCSS

.UserReportPanel {
position: absolute;
left: 0;
right: 0;
top: 100%;
display: flex;
align-items: center;
margin-left: auto;
background: var(--color-background);
padding: 0.375rem 0.8125rem 0.25rem 1rem;
box-shadow: 0 0.125rem 0.125rem var(--color-light-shadow), inset 0 0.125rem 0.125rem var(--color-light-shadow);
transform: translate3d(0, 0, 0);
transition: opacity 0.15s ease, transform var(--layer-transition);
body.animation-level-1 & {
.ripple-container {
display: none;
}
}
@media (min-width: 1276px) {
transform: translate3d(0, 0, 0);
transition: opacity 0.15s ease, transform var(--layer-transition);
#Main.right-column-open & {
padding-right: calc(var(--right-column-width) + 1rem);
}
}
.UserReportPanel--Button {
margin-left: 0.25rem;
flex: 1 1 50%;
white-space: nowrap;
}
}