Skip to content

Commit 8e84d49

Browse files
committed
minor #394 Changing the docs on how you customize the autocomplete css (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
2 parents aec7c40 + febb0a9 commit 8e84d49

File tree

1 file changed

+10
-3
lines changed

1 file changed

+10
-3
lines changed

src/Autocomplete/src/Resources/doc/index.rst

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -175,15 +175,22 @@ includes a CSS file for Tom Select.
175175
}
176176
177177
This should give you basic styles for Tom Select. If you're using
178-
Bootstrap, you can get Bootstrap-ready styling by changing this
179-
line to:
178+
Bootstrap, you can get Bootstrap-ready styling by (A) changing this
179+
line to ``false``:
180180

181181
.. code-block:: text
182182
183183
"autoimport": {
184-
"tom-select/dist/css/tom-select.bootstrap5.css": true
184+
"tom-select/dist/css/tom-select.default.css": false
185185
}
186186
187+
And then (B) importing the Bootstrap-css file:
188+
189+
.. code-bock:: css
190+
191+
/* assets/styles/app.css
192+
@import 'tom-select/dist/css/tom-select.bootstrap5.css';
193+
187194
To further customize things, you can override the classes with your own custom
188195
CSS and even control how individual parts of Tom Select render. See `Tom Select Render Templates`_.
189196

0 commit comments

Comments
 (0)