Page Comparison

...

• intl-whitelabel-cms

  • TASK 1–We will need to add a new toggle named Background Color

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • We will need to add a new toggle option named Background Color

        • The description of the toggle should be updated to “Turn this on to add and choose a background color for the homepage Hero.”

          

  • TASK 2–We will need to create a dropdown

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • Use the example:

        • intl-whitelabel-cms/schemas/configuration/pos-configuration/documents/pos-configuration.ts

        • intl-whitelabel-cms/schemas/configuration/pos-configuration/objects/pos-vendor-config-option.ts

      • Create a dropdown to choose the background color with the following options

      • When the Background Color toggle is on it should show:

        

        • Burger King:

          • Brown (default option)

            • Elements over this background should be displayed in their reversed (light color) version

          • Red

            Elements over this background should be displayed in their reversed (light color) version

          • Green

            • Elements over this background should be displayed in their reversed (light color) version

          • Orange

          • Yellow

        • Popeyes:

          • Orange (default option)

            Elements over this background should be displayed in their reversed (light color

            )

            version

          • Purple

            • Elements over this background should be displayed in their reversed (light color) version

        • Firehouse Subs:

          • Red (default option)

            Elements over this background should be displayed in their reversed (light color

            )

            version

          • Yellow

  • TASK 3–We will need to add a toggle named Split Background

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • We will need to add a toggle named Split Background

        • The Split Background toggle should have the following description: “Turn this on to split the background color.”

        • By turning the Split Background toggle on the background color area should be reduced

        • The Heading and Sub-Heading should be displayed over the colored background

        • The CTAs should be displayed below the colored background area

        The background color of the bottom portion should not be configurable

        Image Modified

  • TASK 4—Deprecate or remove Reversed toggle

    • path: intl-whitelabel-cms/schemas/components/documents/hero.tsx

      • The Reversed toggle should be deprecated

      • The Reversed toggle option should be removed from Sanity’s UI

...