Problem/Motivation

Currently looks like this:

Screenshot of Gin in dark mode with a white top bar and barely readable text on it.

How I would expect it to look:

Screenshot of Gin in dark mode with a dark top bar and well contrasting text on it.

Steps to reproduce

Use Gin, install core Navigation module, and size the viewport narrow enough for the sidebar to be hidden and the top bar to be displayed.

Proposed resolution

Looks like this is partly due to core using different selectors and also that they hard code background-color: white rather than one of the custom properties.

Remaining tasks

Fix styles.

User interface changes

No longer looks busted.

API changes

None.

Data model changes

None.

Issue fork gin-3488177

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

ambient.impact created an issue. See original summary.

ambient.impact’s picture

djsagar’s picture

Status: Active » Needs review

Moving this to 'Needs Review' as the MR has already been created.
Reviewing this as well.

djsagar’s picture

Status: Needs review » Reviewed & tested by the community
StatusFileSize
new130.49 KB
new132.53 KB

Reproduced the issue on local and applied MR #3.
Testing Steps:
1. Use Gin.
2. install core Navigation module.
3. size the viewport narrow enough for the sidebar to be hidden and the top bar to be displayed.

Result:-
After MR the issue resolved for the small screen.

Before MR
before mr

After MR
after mr

RTBC ++

saschaeggi’s picture

Status: Reviewed & tested by the community » Fixed

@ambient.impact thanks! 👏

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.