vaheqelyan / svelte-grid

A responsive, draggable and resizable grid layout, for Svelte.

Home Page:https://svelte-grid.now.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

how to change svlt-grid-resizer?

j2l opened this issue · comments

Hello,
This is a great helpful project, thank you!
I don't get how to tweak the grid-resizer location, in my project's style, I added:

.svlt-grid-resizer:after {
    bottom: 5px;
    right: 5px;
  }

and the hardcoded .svlt-grid-resizer.svelte-x23om8::after but it is superseded by the module.

It worked for other classes so I don't get why it's not working in this case.
Any idea?

commented

hello

try to use the :global(...) modifier. right now this is the only way to customize css

<style>
  /* or .<your-class> :global(.svlt-grid-resizer:after) */
  :global(.svlt-grid-resizer:after) {
    bottom: 5px !important;
    right: 5px !important;
  }
</style>
commented

yes this is not ideal, it would be nice if we could customize using the style props

Perfect! Thank you very much @vaheqelyan
OK for me, closnig