Uploaded image for project: 'CMS'
  1. CMS
  2. CMS-9905

When css for print media only are minified the rendering does not take care of the print rule defined

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Critical Critical
    • 4.2.11, 4.3.0
    • 4.2.0
    • None
    • None
    • 4.3 RC1

      How to reproduce :

      • use the css file in attachment
      • import it
        <link rel="stylesheet" href="{ametys:skinURL('css/print.css')}" media="print"/>
      • preview with your browser the rendering for print
        > the rules are not applyed

      next, import the same css file like this :

      <link rel="stylesheet" href="{ametys:skinURL('css/print.css')}" media="print" data-donotminimize="true"/>

      > the rendering for print is ok.

          [CMS-9905] When css for print media only are minified the rendering does not take care of the print rule defined

          There is another error in the attached file

          Raphaël Franchet added a comment - There is another error in the attached file

          Laure Lopez added a comment -

          How to reproduce it :

          • use the demo repository : and do all step above.
          • On chrome click on print button : a preview of the print is displayed
            > when the print.css is minimized, the links are displayed without URL after
            > when the print.css is not minimized, all links are displayed with URL after them.

          Laure Lopez added a comment - How to reproduce it : use the demo repository : and do all step above. On chrome click on print button : a preview of the print is displayed > when the print.css is minimized, the links are displayed without URL after > when the print.css is not minimized, all links are displayed with URL after them.

          moreover, when adding the @media print

          { ... }

          ; the trailing } should not be after the \n

          currently

          /** file A.css */
          @media print {
           ...
          } /** file B.css */

          should be

          /** file A.css */
          @media print {
           ... }
          /** file B.css */

          if not it may explain some css map issues

          Raphaël Franchet added a comment - moreover, when adding the @media print { ... } ; the trailing } should not be after the \n currently /** file A.css */ @media print { ... } /** file B.css */ should be /** file A.css */ @media print { ... } /** file B.css */ if not it may explain some css map issues

          Raphaël Franchet added a comment - - edited

          The issue is that media are LOST when minimizing a SCSS/SASS file

          Raphaël Franchet added a comment - - edited The issue is that media are LOST when minimizing a SCSS/SASS file

          which browser ?

          Raphaël Franchet added a comment - which browser ?

            raphael Raphaël Franchet
            llopez Laure Lopez
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: