Add configuration to control where the UI button is positioned about import-map-overrides HOT 4 CLOSED

Not that I know of. I got it working for our project. I can add some snippets tomorrow which might help.

from import-map-overrides.

As a workaround, you can include a CSS file into your app which is restyling the trigger. For example if you want it in the top right corner. You could also only load this file when in a specific environment to not load it for prod builds.

.imo-trigger {
    top: 0;
}

from import-map-overrides.

Hi @JanAckermann1337 ,
Thanks for the suggestion. We are indeed loading it only in our development environment.
I tried overriding the styles but couldn't make it work. Not sure why (is it possible that the styles are scoped to the element through Shadow DOM?)
Will try to give it another go.

from import-map-overrides.

I've looked into it and while adding CSS works on version 2.2.0, it won't work in version 3.0.0. It's actually even mentioned in the release notes... (I realized it later) 😅

I could override that with something like this:

  <script>
    document
      .querySelector('import-map-overrides-full')
      .shadowRoot.querySelector('.imo-trigger')
      .setAttribute('style', 'left: 0;')
  </script>

but it is a really hacky solution and I would prefer to introduce a cleaner solution with an attribute like position, for example.

from import-map-overrides.