summaryrefslogtreecommitdiffstats
path: root/webapp/sass/routes/_print.scss
blob: 079fc200ed6e3301c218567b3aa04d72f0421334 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
@charset 'UTF-8';

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
    }

    .post-list__content,
    .post-list__table,
    .app__content {
        display: block;
    }

    a:not(.mention-link),
    a:not(.mention-link):visited {
        text-decoration: underline;
    }

    a[href^=http]:after {
        content: ' <' attr(href) '> ';
    }

    tr,
    img,
    pre,
    blockquote,
    code,
    .post,
    .date-separator {
        page-break-inside: avoid;
    }

    .post__header {
        page-break-after: avoid;
    }

    thead {
        display: table-header-group;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    #sidebar-left,
    #sidebar-right,
    #channel-header,
    #post-create,
    #post-list .more-messages-text,
    .post .post__header .col__reply,
    .post .post__content > div.post__img,
    .attachment__content,
    .post__body .img-div,
    .post-image__thumbnail,
    .post.post--system,
    #archive-link-home,
    .channel-intro {
        display: none;
    }

    #post-list,
    #channel_view,
    #post-list .post-list-holder-by-time {
        overflow: visible;
        overflow-y: visible;
    }

    #app-content {
        margin-left: 0;
    }

    #channel_view .inner-wrap.move--left,
    #channel_view .inner-wrap.webrtc--show {
        margin-right: 0;
    }

    .post-image__columns > div:first-child:before {
        content: 'Attachments:';
        display: block;
        font-weight: bold;
    }

    .post-image__column {
        width: inherit;
        display: inline;
        height: inherit;
        background: transparent;
        border-color: transparent;
        border: 0 none;
    }

    .post-image__details {
        width: 100%;
        border: 0 none;

        .post-image__name:before {
            content: '[';
        }

        .post-image__name:after {
            content: ': ' attr(href) ']';
        }

        .post-image__name + div {
            display: none;
        }
    }


    .date-separator .separator__hr,
    .new-separator .separator__hr {
        top: 1.7em;
    }
}