Too many global regions

Created on 10 March 2025, about 2 months ago

Problem/Motivation

Looking to demo global region support in XB, the numerous global regions are not ideal for this :)

regions:
  header_top_1: 'Header top 1'
  header_top_2: 'Header top 2'
  header_top_3: 'Header top 3'
  header_middle_1: 'Header middle 1'
  header_middle_2: 'Header middle 2'
  header_middle_3: 'Header middle 3'
  header_bottom_1: 'Header bottom 1'
  banner: 'Banner'
  highlighted: 'Highlighted'
  content_top: 'Content Top'
  content: 'Content'
  content_bottom: 'Content Bottom'
  sidebar_top_left: 'Sidebar Top Left'
  sidebar_bottom_left: 'Sidebar Bottom Left'
  sidebar_top_right: 'Sidebar Top Right'
  sidebar_bottom_right: 'Sidebar Bottom Right'
  footer_top_1: 'Footer top 1'
  footer_top_2: 'Footer top 2'
  footer_middle_1: 'Footer middle 1'
  footer_middle_2: 'Footer middle 2'
  footer_middle_3: 'Footer middle 3'
  footer_middle_4: 'Footer middle 4'
  footer_bottom_1: 'Footer bottom 1'
  footer_bottom_2: 'Footer bottom 2'
  hidden: 'Hidden'

Steps to reproduce

Proposed resolution

Can we remove most of the regions and let XB handle dividing header and footer?

Remaining tasks

User interface changes

API changes

Data model changes

๐Ÿ“Œ Task
Status

Active

Version

1.0

Component

Code

Created by

๐Ÿ‡ญ๐Ÿ‡บHungary Gรกbor Hojtsy Hungary

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @Gรกbor Hojtsy
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    I'd like for @alan.cole to chime in before this gets updated.

    These regions are from CivicTheme and I agree they can be simplified but I'm worried about mucking with Alan's work today. I'm not sure what the hidden region is for.

    I would need to refactor the default content and config I saved yesterday if we do this.

    Assigning to Alan for thoughts.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    This is to support this feature (the regions are supposed to show up in that list but I'm checking in Drupal slack to see why it's not showing up)

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Okay... per @balintbrews and @gรกbor hojtsy:

    You need to enable them at /admin/appearance/settings/[THEME]

    Side note, if you do enable sidebar, it shows a gap on your page where the side bar is so you can't see it full width even if the sidebar is empty

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    I talked with Alan earlier today and he's okay with going with:

    regions:
      header: 'Header'
      banner: 'Banner'
      highlighted: 'Highlighted'
      content: 'Content'
      sidebar: 'Sidebar'
      footer: 'Footer'
    

    Though, this makes the styling harder because we have to create new components and/or update existing components to be able to make the header/footer look like they do.

    Given this, hopefully, Alan will be able to finish the header today, but not sure he can do the footer today.

    We'll need to:

    1. Update regions in yml
    2. Update config to use these regions or... see below

    We might have to create the header/footer within XB and place them which means that they will only be part of the install if we get the home page saving to work. That is having issues because of an XB + default content bug that we'll have to work around by manually editing yml files to specify dependencies.

    @gรกbor hojtsy Given all of this, you might need to use the placeholder/temp header/footer (images) for now to do your demos.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Note that @alan.cole updated the regions in this MR but leaving this open so we are still tracking:

    โœจ Add SDDS global header styling Active

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Not sure what happened to the image above so re-attaching.

  • ๐Ÿ‡ญ๐Ÿ‡บHungary Gรกbor Hojtsy Hungary

    The philosophy of themes in the age of XB is that the theme will NOT provide these top, bottom, side, 1, 2, 3 regions, but the laying out of wider "Header", "Footer", etc. regions would be left to XB. So heaving a "Header top 1", "Header top 2", etc. are not demonstrating what the feature is meant to lead to. You would have a Header region and place a columns component there is you want to subdivide it, or more components above/below it if you need placement above/below. This would/will be the task of components not the theme. Hence this issue. I think this is fundamental to allow for โœจ Add SDDS global header styling Active and โœจ Create SDDS global footer config Active .

    The sidebar is a similar situation but we probably want to sidestep that for now (maybe remove all sidebar options), since we don't have a good way to solve that and not enough time left :)

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Thanks :)

    The region simplification is part of โœจ Add SDDS global header styling Active as noted in #8...

    But, I'm going to add an MR here to get this merged in now so we can close this one out and avoid further confusion.

    I'll keep the sidebar off for now until we understand the UX better.

  • Pipeline finished with Success
    about 2 months ago
    Total: 167s
    #447624
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Updating summary to reflect new reality.

  • Pipeline finished with Success
    about 2 months ago
    Total: 168s
    #447636
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    One more update

  • Merge request !82Simplify theme regions. โ†’ (Merged) created by Kristen Pol
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    Merged in the changes.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA
  • ๐Ÿ‡บ๐Ÿ‡ธUnited States Kristen Pol Santa Cruz, CA, USA

    add parent

Production build 0.71.5 2024