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

Follow WP admin UI rules on the Editor sidebar help texts

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Released
    • Icon: Should have Should have
    • 2.43.0
    • 3
    • Admin Panel
    • Sprint #148
    • phoebe

      The help texts in the editor sidebar currently follow the typography rules introduced with https://jira.greenpeace.org/browse/PLANET-5080 However that makes them look disproportionately big compared to the rest of the sidebar, especially on larger screens (see screenshots)

      Tasks:

      • Make recommendations for font size, line height, and any other text-related specs to improve the UI of the help text.
      • stick with Wordpress admin UI defaults, both for continuity of the backend experience and to give us less to maintain. In this case, it looks like some of our CSS is overriding the Wordpress defaults.
      • Some of the CSS designed to help make the WYSIWYG preview look more like the final page is being applied to the Wordpress admin UI, so if we scope the CSS in _typography.scss:22 and :24 to apply just to the editor content area, that should to it.
      • adding ".block-editor-editor-skeleton__content" to the beginning of those selectors seems to do the trick (Screenshot: see attached)

        1. Image 2020-09-29 at 2.08.06 PM.png
          205 kB
          Suzi Grishpul
        2. large screen.png
          2.27 MB
          Maud Leray
        3. medium screen.png
          1.39 MB
          Maud Leray

            mleray Maud Leray
            mleray Maud Leray
            Matthew Hinders-Anderson Matthew Hinders-Anderson (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: