TelegramPWA/src/styles/print.scss

65 lines
1.2 KiB
SCSS

@media print {
body,
html,
.messages-layout {
background: #fff;
}
#LeftColumn,
#RightColumn-wrapper,
.ChatOrUserPicker,
#Notifications,
.Modal,
.ActiveCallHeader,
.unread-count,
#middle-column-portals,
.header-tools,
.ScrollDownButton,
.middle-column-footer {
display: none !important;
}
#MiddleColumn {
border-left: none !important;
}
html,
body,
#root,
#Main,
#MiddleColumn,
.MessageList,
.messages-layout,
.Transition,
.Transition > .Transition_slide {
position: static !important;
transform: none !important;
overflow: visible !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.messages-container {
width: 100% !important;
max-width: 100rem !important;
}
.MessageList .sticky-date > span,
.MessageList .local-action-message > span,
.MessageList .ActionMessage > span,
.MessageList .empty > span {
color: var(--color-text) !important;
background: var(--color-background-own) !important;
}
.hide-on-print {
visibility: hidden !important;
}
}