Comments (3)
I had planned to start this migration as part of the work on adding a natural language selector to the ontology submission form, but initial attempts to integrate tom-select result in:
SassC::SyntaxError in Submissions#edit
Error: "var(--ts-pr-caret)" is not a number for `max'
on line 227:10 of node_modules/tom-select/dist/css/tom-select.css, in function `max`
from line 227:10 of node_modules/tom-select/dist/css/tom-select.css
from line 39:9 of app/assets/stylesheets/application.css.scss
>> right: max(var(--ts-pr-caret), 8px);
---------^
This error is present with both the normal tom-select:
@import "tom-select/dist/css/tom-select";
... and the Bootstrap 5 tom-select:
@import "tom-select/dist/css/tom-select.bootstrap5";
This is an open issue in tom-select (orchidjs/tom-select#561), and the proposed solutions are either upgrading to Bootstrap 5.3.2 (didn't work for everyone), or migrating to Dart Sass.
from bioportal_web_ui.
In Agroportal we import only this
Can you try it and tell us if it did work?
And here is the PR that we did in our side, we integrated it for inspiration
from bioportal_web_ui.
Thanks for the comment, but none of the permutations work.
tom-select.scss:
SassC::SyntaxError: Error: "var(--ts-pr-min)" is not a number for `max'
on line 104:17 of node_modules/tom-select/dist/scss/tom-select.scss, in function `max`
from line 104:17 of node_modules/tom-select/dist/scss/tom-select.scss
from line 39:9 of app/assets/stylesheets/application.css.scss
>> padding-right: max( var(--ts-pr-min), calc( var(--ts-pr-clear-button) + var
----------------^
/Users/vendetti/Development/GitHub/ncbo/bioportal_web_ui/node_modules/tom-select/dist/scss/tom-select.scss:104
tom-select.bootstrap5.scss:
SassC::SyntaxError: Error: Undefined variable: "$form-validation-states".
on line 6:23 of node_modules/tom-select/dist/scss/tom-select.bootstrap5.scss
from line 39:9 of app/assets/stylesheets/application.css.scss
>> $state-valid: map-get($form-validation-states,'valid') !default;
----------------------^
/Users/vendetti/Development/GitHub/ncbo/bioportal_web_ui/node_modules/tom-select/dist/scss/tom-select.bootstrap5.scss:6
I'll need to look at the other proposed solutions when I have time.
from bioportal_web_ui.
Related Issues (20)
- apache-mod-passenger and base64 v0.1.1+ gem conflict
- Enlarge search result text size in the "Find an ontology" text box HOT 1
- Upgrade to Rails 7.0 HOT 1
- Subscribe to notes emails button should redirect to login for anonymous users HOT 1
- Login as functionality fails for users with '@' symbols in the username
- Subscribing to notes emails fails for users with '@' symbols in the username
- Move GA measurement ID out of encrypted credentials
- category list on the browse ontologies page displays some of the list items as ...
- Implement subscribing to ontology update notification HOT 14
- Remove / retire OntoloBridge term request integration
- /notes/<note_id> page doesn't work as expected HOT 4
- Add OBO Id Badges for terms that are OBO Ids HOT 3
- Add a natural language selector to the ontology submission form HOT 4
- Add fields to the sign up page for GitHub and ORCID IDs
- Add UI support for regenerating API keys
- Upgrade from MySQL 5.7 to the 8.0 series HOT 2
- Add UI support for multi-lingual features HOT 2
- Improve NaturalLanguage selector for better usability
- Bundle install fails on Apple M2 for the iconv gem HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bioportal_web_ui.