Comments (8)
I did some research and I think I found a possible solution to the problem using SVG and CSS stroke:
https://codepen.io/webmatze/pen/QWrNPNM
But I have to do some tests if this also works with animations and so.
from hyperborder.
Sounds good, let's hope this will work.
But to cleanup the issue a bit: You can close this issue, hyper-border is working with the current hyper version. I will open a new issue regarding the rendering problem.
from hyperborder.
I just tried it with the same Hyper version (3.2.3) and hyperborder works without problems.
Are you sure there are no other plugins installed?
Or maybe you can try to remove hyperborder, update your plugins, and then reinstall hyperborder.
from hyperborder.
Sorry if my question is out of context from this issue, does hyperborder
still active for Hyper
? (Currently on version 3.3.0)
I'd notice hyperborder
is no longer on the plugin list for hyper, and when I'm checking the About Hyper
, the plugin isn't listed there.
from hyperborder.
Hi @StefanusChristian , as far as I know, hyperborder should still work with Hyper 3.3.0
Maybe you can try installing hyperborder without any other plugin and look if it works. Than you could try adding the other plugins one by one to see if it is one of them that does not work together with hyperborder anymore.
from hyperborder.
Hyperborder is completely incompatible with any plugin that enables transparency for me. I tried hyper-transparent and the hyper-material-theme. As soon as I enable transparency, the whole window gets colorized with the border color. I only have hyper-border and hyper-transparent enabled.
Is there a solution for this? @webmatze I saw that you're using WebGL renderer instead of Canvas. Is that a problem? I cannot activate WebGL renderer, when using transparency.
EDIT: Yes Canvas is a problem. When enabling Canvas, the error below happens. With WebGL it works, but then I cannot use transparency. Any suggestions? I want to use vibrance, which needs transparency. Hyper-opacity works with WebGL, but not with vibrancy... Man these incompatibilities are a real pain.
from hyperborder.
Yes I understand that it is not ideal. I am using hyper-opacity with hyperborder and it just works well.
module.exports = {
config: {
hyperBorder: {
borderRadiusOuter: '4px',
animate: "1s"
},
opacity: 0.5,
plugins: [
'hyper-opacity',
'hyperborder'
],
...
}
But any plugin that changes the styling of hyper can collide with other plugins that do the same.
If somebody knows how to do gradient borders without using the whole area of the background, I will be glad to hear how it is done.
from hyperborder.
Yes the opacity plugin is working. However I would like to use vibrance (a blur additionally to opacity). Every plugin I tested did not work with hyper border. Do you have a suggestion?
from hyperborder.
Related Issues (20)
- borderWidth has no effect on 2.0.0 HOT 4
- Breaks ability to dock hyper left/right on Windows when using the Win + RightArrow/LeftArrow shortcut keys HOT 1
- borderRadiusOuter not doing anything HOT 1
- hyperborder + hyper-transparent causing gradient background HOT 1
- Hyper-3.0.0 canary 8 HOT 9
- How to solve borderRadiusOuter black tip? HOT 6
- Deprecation of buffer error when installing on Windows 10 HOT 1
- Can't Change the Color of the gradient HOT 1
- borderWidth and animate not working HOT 1
- Hyperborder broken when using a translucent background HOT 3
- Feature request: Adding/removing/modifying borders at runtime HOT 1
- Stop working after Hyper 3.1.5 HOT 4
- 4 sharp corner problem not working border-radius HOT 2
- border does not surround the entire window HOT 2
- Hyperborder issue with transparency and Canvas renderer HOT 9
- Plugin error: Undefined HOT 6
- without a hyperBorder section in the hyper config there is an error
- Very high CPU usage with animation enabled (hyperborder v2) HOT 2
- Border colors default when window not In focus 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 hyperborder.