Uploaded image for project: 'Magnolia Standard Templating Kit (closed)'
  1. Magnolia Standard Templating Kit (closed)
  2. MGNLSTK-12

Horizontal Tabbed Extras + Teaser: CSS/JS is not behaving correct

    XMLWordPrintable

Details

    • Bug
    • Resolution: Won't Do
    • Major
    • None
    • None
    • None

    Description

      I write here a summery of all style problems seen on the horizontal tabbed teaser + extras.

      • teaser (main-home) - Not showing correctly in a home page with floating:
        On a home page with floating activated the tabbed teaser isn't rendered correctly by the js.
        The border is dragged over the complete content width instead having the width of one column width
      • teaser (main-home&section) - Link List elements are dragged to the top besides the image:
        This behaviour we had on a normal extras teaser before. If the image is higher than the teaser text the links are dragged up to the text besides the image.
        If a link list title is set, the separation line (dot line) is overlapped by the image.
        The link list title is not shown below the image, it is dragged up to the teaser text.
        All this happens only, if the image is higher than the teaser text.
      • teaser (main-section) - not more than 5 tab elements are shown:
        In the section page the tabbed teaser shows only 5 tab items (more than the width if one line of tabs). The sixt item is shown within the html code, but not rendered by the js.
        Like this the "Add Tab-Item" Bar (New Bar) disappears after the 5th element, because the New Bar is the 6th list element.
        Because the element is not rendered, it can't be deleted -> no new bar anymore.
        If the same paragraph (containing more than 5 tab-items) is added to the home page, it shows all tab items.
        In the extras, if there are more tabs than on one width can be show, it renders them onto the second line. I guess this is not happening here.
      • teaser+extras (in general) - if no headline is defined top border is not correct:
        If no headline is defined, the nice round border is not rendered. It just renders the top corners with a 90degree angle instead of the nice rounded corner.

      Checklists

        Acceptance criteria

        Attachments

          Activity

            People

              pbaerfuss Philipp Bärfuss
              cringele Christian Ringele
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: