Comments (3)
Hey @Pablo-Pacheco,
You already can change the arrow (and tooltip) color by changing a variable called balloon-bg
located at the SASS/LESS files.
The downside is that in order to modify that variable you would need to use the SASS/LESS files directly into your project, instead of just importing the generated CSS file.
The reason of using SVG instead of the "triangle technique" was to diferentiate this project from any other implementation of tooltips using that kind of arrow. The "smooth" SVG arrow gives a unique look to Balloon, IMO. 😄
from balloon.css.
I would prefer the "triangle technique" because i could customize colors by JavaScript too or with css only, but I see your point.
Glad to know you are from Brazil. Beautiful project man!
If you want some kind of help let me know
See you
from balloon.css.
I believe this would be a cool feature to implement, but for now, I will focus on other urgent bugfixes/enchancements for v0.5.0.
(This issue might be re-opened in the future).
from balloon.css.
Related Issues (20)
- Accessibility issue due to aria-label HOT 5
- Tooltip causing extra overflow when inside an overflow container on mobile HOT 1
- question/feature_request(enhancement): tooltip on click HOT 2
- Tooltip does not appear when triggered for a svg <line> element HOT 1
- question/feature_request(mobile): sticky hover
- bug/question(positioning): tooltips goes off a screen HOT 1
- Ballons are still working with font-awesome? HOT 1
- bug/(positioning):tooltips text is off on Chrome
- Features suggestion
- Feature request: fade out
- Italic tooltip text HOT 2
- Bug report sticky header and tooltip
- Is it possible to remove the arrow that appears with the popup? HOT 2
- Add link in tooltip
- Add IDs to heading elements on Github Pages documentation site
- Bug: Transparent pixels between triangle and rounded rectangle
- Is it possible to hide tooltip when focus but still show when hover
- Not disappearing after click ( Angular Material 15.1.0) HOT 1
- Is it possible to show it initially the hide on hover?
- Center text HOT 2
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 balloon.css.