I am currently trying the Gin admin theme with the Gin Toolbar and it looks absolutely fantastic.
However Environment indicator and Gin Toolbar do not work together at the moment.

What would be needed to make Environment Indicator support The Gin Toolbar?
Or should I make this feature request at the Gin Toolbar module?

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

johan.den.hollander created an issue. See original summary.

adamjuran’s picture

Following

johan den hollander’s picture

InaW made their first commit to this issue’s fork.

inaw’s picture

Status: Needs work » Needs review
StatusFileSize
new27.15 KB
new25.51 KB

I have made an attempt to implement the ideas from #3158020 directly in the environment_indicator module.

Gin toolbar with horizontal toolbar:

Gin toolbar with vertical toolbar:

I have created a MR, the patch can be tested like this: https://git.drupalcode.org/project/environment_indicator/-/merge_request...

I'm not sure if the changes are in the right place in this module or if certain parts should be better mapped in gin_toolbar.

Happy to get some feedback.

  • InaW committed 9e1f0da on 4.x
    #3156863 Add style fixes for gin_toolbar
    
e0ipso’s picture

Status: Needs review » Fixed

Awesome idea! This is merged.

Status: Fixed » Closed (fixed)

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

keboca’s picture

@e0ipso + @InaW Is there a way we can include the following line as well? (I tried to do it by a MR but somehow I am not able to do so, -- contribute with modules is starting to be more difficult, IMO)

$('head', context).append("<style>.toolbar .toolbar-bar #toolbar-item-administration-tray a.toolbar-icon-admin-toolbar-tools-help.toolbar-icon-default::before{ background-color: " + settings.environmentIndicator.bgColor + " }</style>");

I would like to allow modify the site icon background, and I was able to do so by adding the line above. The thin line + the background icon give a better sense of which environment you're working on.

nbozoglu’s picture

I'm having an issue where my icon next to my environment ID is not showing. Here is a screenshot:
missing id icon
And it should show like this (next to 'VM'):
vm icon

is there something I'm missing? Thanks in advance.

batigolix’s picture

@athenerus. This seems to be have been fixed in 4.0.3

fredysan’s picture

StatusFileSize
new8.08 KB
new2.96 KB

I recently installed the module but the toolbar was not reflecting the configured colors for the environment. So after inspecting the code I noticed that the toolbar HTML ids were not the right ones.

Drupal version: 9.2.9
Environment Indicator Module version: 4.0.3
Toolbar type: Horizontal, Modern toolbar (Also tested on the Sidebar and Legacy toolbars)

Toolbar

batigolix’s picture

@fredysan: I like your solution better than the one that was committed to 4.0.3

But this issue is closed. Can you create a new issue for this?

dpacassi’s picture

We currently have one open Gin issue in this module, I would propose to move discussion there:
#3247637: Improvements when using Gin theme

I personally prefer the patch there as painting the whole menu with a custom color seems very invasive UI/UX wise and kinda destroys the nice UX users get from the Gin admin theme.