Uploaded image for project: 'Magnolia pages module'
  1. Magnolia pages module
  2. PAGES-411

Pages app preview adds CSS styles that modify basic elements e.g. h1

XMLWordPrintable

    • DevX 2, DevX 3
    • 3

      Steps to reproduce

      Open a page in page-editor.

      Expected results

      Basic HTML elements are not styled.

      Actual results

      Basic HTML elements are styled.

      Workaround

      Development notes

      In Pages app inside preview iframe Magnolia injects following CSS file:
      <link type="text/css" rel="stylesheet" href="/magnoliaAuthor/VAADIN/themes/pages-app/page-editor.css">
      Inside file we can find it does not only affect green bars but also some basic elements like headings e.g: 
      h1, .heading-1, .h1

      {     font-size: 50px;     font-weight: 300;     letter-spacing: -1.2px; }

      and has some very generic named classes e.g.:
      text-medium, text-regular
      As well as loading Roboto font with again generic font-family name: Roboto

      All styles within that file should have Magnolia specific prefix/suffix/name to avoid conflicts with template styles and elements.

        Acceptance criteria

              rsiska Robert Šiška
              bstaryga Bartosz Staryga
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Bug DoR
                  Task DoD

                    Estimated:
                    Original Estimate - Not Specified
                    Not Specified
                    Remaining:
                    Remaining Estimate - Not Specified
                    Not Specified
                    Logged:
                    Time Spent - 0.5d
                    0.5d