Problems with sidebar on smaller screens

Created on 4 April 2023, about 1 year ago
Updated 12 May 2024, about 2 months ago

Problem/Motivation

On smaller screens (my personal laptop is a 14" MBP) the sidebar fields end up wider than the (now squished) main content fields:

The above is using Claro. The Gin admin theme automatically hides the sidebar at narrow widths, at which point the provided toggle will show the sidebar fields in an overlay:

After launching the preview pane, the Gin admin theme hides the sidebar fields, but the toggle does not show them as expected.

Proposed resolution

For Claro, hiding the sidebar fields when the preview pane is visible seems like a decent approach.

For Gin, if there was a way to have the sidebar work while the preview pane is open, that would likely suffice.

πŸ› Bug report
Status

Closed: works as designed

Version

1.0

Component

Code

Created by

πŸ‡¨πŸ‡¦Canada mandclu

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

Comments & Activities

  • Issue created by @mandclu
  • πŸ‡ΊπŸ‡ΈUnited States cosmicdreams Minneapolis/St. Paul

    We have avoided these kinds of changes that would need to be applied to the Claro theme itself instead of the side dialog.

    We are tightly focused on the following kinds of ux changes:

    Adding elements to the node edit page (with a focus on having minimal impact).
    Controlling the user experience of the side dialog (focused on providing a good user experience, but also trying to reuse as much as we can from core)

    I think it's great you filed this bug, however, because we can now point to this as being a concern for the Claro theme. Please create a bug with the theme itself and reference this issue.

  • πŸ‡ΊπŸ‡ΈUnited States keiserjb

    Same problem. I switched to Gin and it made things better. The new window option is a possible solution. Maybe that could open in a new tab?

  • πŸ‡ΊπŸ‡ΈUnited States cosmicdreams Minneapolis/St. Paul

    This one might be out of our scope. The issue isn't with the preview pane we're adding but with the Claro theme's handling of the secondary settings for a node.

    Still we might consider embracing and extending the page when it settings aren't collapsed. That might cause other issues.

    We should keep this issue open to discuss.

  • πŸ‡ΊπŸ‡ΈUnited States cosmicdreams Minneapolis/St. Paul

    I wonder if this issue is fixed in the latest version (and it's collapsible buttons)
    @mandclu do you agree?

  • Assigned to mandclu
  • πŸ‡ΊπŸ‡ΈUnited States cosmicdreams Minneapolis/St. Paul
  • Status changed to Postponed: needs info about 2 months ago
  • πŸ‡ΊπŸ‡ΈUnited States cosmicdreams Minneapolis/St. Paul
  • Issue was unassigned.
  • Status changed to Closed: works as designed about 2 months ago
  • πŸ‡¨πŸ‡¦Canada mandclu

    I can confirm that I no longer see the originally reported issue. I should point out, however, that when using Gin as the admin theme it is not possible to have the sidebar open while the Preview pane is open. Probably that should be filed as a separate issue.

Production build 0.69.0 2024