Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-5116

Fix all the remaining vertical spacing issues.

    XporterXMLWordPrintable

    Details

    • Type: Task
    • Status: CLOSED
    • Priority: Should have
    • Resolution: Released
    • Affects Version/s: None
    • Fix Version/s: 2.34.2
    • Labels:
    • Story Points:
      2
    • Sprint:
      Sprint #137, Sprint #138, Sprint #139
    • Section:
      Blocks (all)
    • Track:
      Development
    • Epic Link:
    • P4 Test Environment:
      phoebe
    • Repositories:
      planet4-master-theme, planet4-plugin-gutenberg-blocks, planet4-styleguide

      Description

      As specified in PLANET-4873 all blocks should by default have this vetical spacing -

      XL & L vertical spacing : Margin Top : 1rem (16px), Margin Bottom : 2rem (32px).
      M & S vertical spacing : Margin Top : 0.5rem (8px), Margin Bottom : 1rem (16px).

      A vertical spacer of 2rem (32px) for XL & L and 1rem (16px) for M & S. Can be used to provide extra space between sections.

      I will add a comparision jpg to this ticket showing the difference between existing VS and proposed.

      Design files added to the drive. https://drive.google.com/drive/folders/1gpmbdyjLCuH9D9I_6agzYj8n9XkwVaol?usp=sharing

      Tasks

      • Check all P4 & Native blocks based on the vertical spacing values
      • For P4 blocks we can fix the css code
      • For Native blocks check with Will if spacing is what is expected

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                Assignee:
                mleray Maud Leray
                Reporter:
                wmorrisj William Morris-Julien
                Tester:
                William Morris-Julien
                Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved: