Comments (10)
Thanks @StoneCypher for reporting. Looking into that
from cli-color.
@StoneCypher great thanks for explaining in detail.
Indeed it doesn't look good in narrow window
As I check, I would either need to restructure the table so it has fewer items in a row (max 5 I assume) or insert an image instead.
I'll leave it open for now
from cli-color.
Thanks for ping. It was just published (CI is already configured, I just needed to bump version in package.json
).
from cli-color.
Fixed now. Great thanks for reporting
from cli-color.
Semi-confirmed.
Don't know if you care, but the second table of colors shows as narrow strips rather than squares.
from cli-color.
Thanks, I see it as:
What browser are you using?
from cli-color.
Ah. It's about width.
I discovered it because at my initial zoom, they were "normal" looking in Firefox, but zero-width and therefore invisible in Edge. Then I decided to take screenshots. After the firefox screenshot, and I went back to Edge, I decided to take them with the inspector out, so that you could see metrics. Then I had to go back to Firefox, and on opening the inspector, I saw it go from looks fine
to what the hell
To stop this, observe that GitHub has a minimum width, and remove probably two columns, so that the color chips will still be at full width once the column is at minimum width.
The effect in the video has been successfully replicated on evergreen-current Chrome, Edge, and Firefox, all on Win10 pro x64
from cli-color.
yeah i think 5 is prolly max
note: what the hell
is actually a technical term
from cli-color.
I've actually updated it, so it's presented via image.
If you have a better idea let me know, but I consider it as addressed at this point.
Great thanks for reporting it!
from cli-color.
Github fix confirmed.
NPM wasn't published. Would you like me to give you a gha auto-publisher script?
from cli-color.
Related Issues (20)
- feature: clear colors from string HOT 2
- Allow "color inside color". HOT 31
- Include .trim() in cli-color directly. HOT 2
- Problem testing the "throbber" HOT 2
- npm only published till 0.3.3 HOT 1
- es5-ext, cli-color related error HOT 3
- Rainbow styling feature? HOT 2
- Feature suggestion - environment variable to disable functionality HOT 9
- Using cli-color as in a module HOT 2
- trim (chop) styled string to width HOT 3
- nested brightness shouldn't be preserved HOT 3
- "not a function" error when binding HOT 1
- Consider support not widely supported styles as `faint`
- Split into few packages
- semver versioning dependency breaks on es5-ext 0.10.52 HOT 2
- Webpack v5 build problem es5-ext no such file or directory HOT 1
- New release fixing ansi-regex vulnerability? HOT 2
- process is not defined. in webpack5 HOT 2
- xterm-colors are not unique
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 cli-color.