Workspaces toolbar appears very broken

I am working on it.

I was able to reproduce this issue in gin theme by installing workspace module and after that on clicking on Live/Stage button on header.
I have uploaded patch to fix this.
Thanks

Hi @swatidhurandhar, I applied your patch, but I found some errors while applying patch. Attaching error screenshot.

Hi @Abh1shek Chauhan I can see you are inside gin theme, so it is not able to find the path of all the files(which is theme/contrib/gin/dist/css/..). You should be outside theme folder which is 'drupal_OS' in your case and then try to apply the patch. It should work.

Hi swatidhurandhar i have applied your patch and it is working fine for me and now the workspace toolbar appearing nice for me. so moving this to RTBC.

I don't think the patch works in all layouts (see attached).

The patch in #4 is working well for me, but the paths should be relative to the theme so it can be applied with composer. Here is a patch with updated paths.

Hi @davisben,
I have tested patch #12 and it has been successfully applied workspace toolbar is looking good to me now.
Attached screenshot -

Patch files are no longer recommended so I created MR for the above.
Thanks

Darren Oh → made their first commit to this issue’s fork.

ahsannazir → made their first commit to this issue’s fork.

ahsannazir → closed merge request !358

ahsannazir → reopened merge request !358

The one of the piplelines is broken. I tried raising another MR but no luck

ahsannazir → closed merge request !359

Hi @ahsannazir, i applied MR #21, it's working as expected.

For reference:-
Before MR

After MR

Pipelines issue need to fixed so moving this to NW.

Pipelines are passing now. so moving to NR

Verified the issue and is fixed. Verified with MR!358 #21
Testing steps :
* Install the Workspaces module
* Create a second workspace at /admin/config/workflow/workspaces
* click on "Stage" the Workspace toolbar

Moving to RTBC++

Added the workspaces icon to the menu tab. Ready for review.

The workspaces icon is not fully visible see the screenshot.

Your screen shot shows that your browser is using a cached icon sprite that does not have the workspaces icon.

Hi @Darren!
I've tested MR !358 on Drupal 10.2.2.
Noticed that the workspaces icon isn't fully visible after refreshing the page.
If there's anything I might have overlooked, especially the Drupal version, please let me know!

Attaching screenshot

Your screen shot shows the top of the icon sprite, which means your browser is using a cached sprite that does not have the workspaces icon. Try clearing your browser cache or using a private browsing window. I have added testing instructions to the issue summary.