Comments (19)
Well, I'll have to take a look at that, certainly. We generate all pages during the build time, so the plan is to run a Chrome in the background, calculate the text size and make a word wrap if necessary.
from landscapeapp.
Hey @AndreyKozlov1984 - any updates on this?
from landscapeapp.
Ok, focusing on this task now
from landscapeapp.
I support the big_picture_label
like : Early Adoption - Incubation
, the rule is simple - if there are more than 20 symbols I make it 2 lines, now when it is multiline - if -
is present in the label, I replace it with a new line, otherwise word wrap happens automatically
from landscapeapp.
Awesome - thank you @AndreyKozlov1984! That looks awesome!
Can you do something similar on the cards themselves?
from landscapeapp.
With cards it looks complicated, my best approach would be to treat ' - ' as a line break. If we can agree that multiline is triggered by the presence of ' - ' in the text and that is replace with a new line, then yeah, I can get it working
from landscapeapp.
On your screenshot it is basically not enough space, even for a multiline
from landscapeapp.
from landscapeapp.
On your screenshot it is basically not enough space, even for a multiline
Hmm - what other options do I have then? Could we have the badge two lines with line one the title and line two the text?
from landscapeapp.
Checking back in @AndreyKozlov1984 - seeing if you thought about my earlier comment and had any suggestions.
from landscapeapp.
Yes, multiline seems fine, I am a concerned with automatic detection of multiline, thus the label should somehow contain the information that we need to make it multiline. Maybe "!" or "..." or "-" on the end,
@jmertic That one is possible for this tag, just I need to have a clear way to see that multiline is necessary, like "-" in the text.
I thought about a total number of characters, but that seems to be unreliable.
from landscapeapp.
My proposal is that " - " in the value would mean we want a multiline. And, say, over 30 characters either in the name or in the value. Is this good ?
from landscapeapp.
Love it! Thanks @AndreyKozlov1984
from landscapeapp.
Ok, I am pushing the change at this moment, the criteria is over 30 characters or "-" in the value, works well for LF-Energy
I will ping you when this is deployed to production
from landscapeapp.
from landscapeapp.
Done!
from landscapeapp.
Awesome! I am seeing some alignment issues in my deploy preview below...
https://deploy-preview-565--lfenergy.netlify.app/?selected=carbon-data-specification-consortium-cdsc
Can you take a quick peek?
from landscapeapp.
Done, I have updated the landscapeapp.
from landscapeapp.
Awesome - thank you @AndreyKozlov1984 !
from landscapeapp.
Related Issues (20)
- Run webhint to catch a11y issues
- Add a11y support to the landscape HOT 5
- a11y: Ensure image elements have [alt] attributes HOT 1
- a11y: ensure buttons have discernible text
- Consider displaying CLOMonitor report summary HOT 19
- Stats page to display landscape stats
- Convert landscape app to static website HOT 3
- Setup links and sources to serve from non-root URL HOT 3
- Improve security of landscape websites by following best practice guidance HOT 2
- Add LinkedIn URL for projects/companies HOT 5
- "Download as CSV" results in .css file on disk HOT 2
- Has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
- The ability to filter by "label"
- Incorrect url generation for members in <a> hyperlink HOT 3
- Landscapeapp still has problems running locally
- README instructions and photo are slightly contradictory HOT 2
- Have invalid stock_ticker throw only a normal error, not a fatal error HOT 1
- Bring in package manager information/stats HOT 1
- apple m1 error, puppeteer@npm:13.2.0 couldn't be built successfully (exit code 1, logs can be found here when execute yarn HOT 1
- Remove "Download as CSV" option 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 landscapeapp.