No internet connection
  1. Home
  2. Issues

Issues with @media print stylesheet

By Michał Nazarewicz @mina862021-02-09 11:32:05.454Z

The avatars look atrocious in print. The biggest issue is the

a[href]::after { content: " (" attr(href) ")"; }

rule. Could we get a display: none for avatars and/or get the above rule limited to only the text of the comment?

Speaking of print media, could we also get a display: none for Edit, More, Reply etc. buttons? Those are meaningless in print.

  • 4 replies
  1. In reply tomina86:
    KajMagnus @KajMagnus2021-02-15 14:17:19.941Z

    Yes, and until then, you can customize the CSS here: https://your talkyard site/-/admin/customize/css-js.

    I'll try to remember to include this in the upcoming version at the end of this week probably

    1. In reply tomina86:
      KajMagnus @KajMagnus2021-02-23 19:18:29.769Z

      Oh now I see, that problematic Biggest Issue above is from Bootstrap:

      @media print {
        a[href]:after {
          content: " (" attr(href) ")";

      However, that's not needed, for the avatars, in Ty's case — one can see anyway, via the username, who wrote what anyway and how to go to that person's profile page.

      I'll undo that old Bootstrap CSS. ... New Ty version upcoming now soon ...

      1. Progress
        with handling this problem
      2. @KajMagnus marked this topic as Planned 2021-02-15 14:17:23.523Z.
      3. @KajMagnus marked this topic as Started 2021-02-23 19:18:37.044Z.