Skip to content

Commit

Permalink
minor #394 Changing the docs on how you customize the autocomplete cs…
Browse files Browse the repository at this point in the history
…s (weaverryan)

This PR was merged into the 2.x branch.

Discussion
----------

Changing the docs on how you customize the autocomplete css

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no
| Tickets       | none
| License       | MIT

The issue is that Flex really likes you to keep the same keys under `autoimport`, and will replace with the original keys. So, we keep the original keys, set to false, then import the new one manually.

I don't necessarily love this Flex behavior, but this updates the docs to reflect reality.

Cheers!

Commits
-------

febb0a9 Changing the docs on how you customize the autocomplete css
  • Loading branch information
weaverryan committed Jul 18, 2022
2 parents aec7c40 + febb0a9 commit 8e84d49
Showing 1 changed file with 10 additions and 3 deletions.
13 changes: 10 additions & 3 deletions src/Autocomplete/src/Resources/doc/index.rst
Original file line number Diff line number Diff line change
Expand Up @@ -175,15 +175,22 @@ includes a CSS file for Tom Select.
}
This should give you basic styles for Tom Select. If you're using
Bootstrap, you can get Bootstrap-ready styling by changing this
line to:
Bootstrap, you can get Bootstrap-ready styling by (A) changing this
line to ``false``:

.. code-block:: text
"autoimport": {
"tom-select/dist/css/tom-select.bootstrap5.css": true
"tom-select/dist/css/tom-select.default.css": false
}
And then (B) importing the Bootstrap-css file:

.. code-bock:: css

/* assets/styles/app.css
@import 'tom-select/dist/css/tom-select.bootstrap5.css';

To further customize things, you can override the classes with your own custom
CSS and even control how individual parts of Tom Select render. See `Tom Select Render Templates`_.

Expand Down

0 comments on commit 8e84d49

Please sign in to comment.