danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-11-30 04:39:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Message List: Introduce Print Layout (#1723)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-02-25 22:52:35 +02:00
parent 1b024ee01c
commit e017299005
2 changed files with 61 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/index.scss
View File

@ -6,6 +6,7 @@
@import "icons";
@import "common";
@import "../assets/fonts/roboto.css";
@import "./print";
html,
body {

60
src/styles/print.scss Normal file
View File

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