Comments (3)
How do you imagine the implementation? Should there be a setting in the popup-menu like the settings for the node shapes. Or did you think about something different?
from obsidian-advanced-canvas.
In version 3.0.0
(currently pre-release) you can add custom styling attributes. This is a perfect use case for this new freedom.
from obsidian-advanced-canvas.
Here is a guide to add font size settings:
- Take a look at the following instructions
- Use this snippet for the
data.json
file
"customNodeStyleAttributes": [
{
"datasetKey": "fontSize",
"label": "Font Size",
"options": [
{
"icon": "arrow-big-up",
"label": "Large",
"value": "large"
},
{
"icon": "minus",
"label": "Medium (default)",
"value": null
},
{
"icon": "arrow-big-down",
"label": "Small",
"value": "small"
}
]
}
]
- Use this CSS snippet
.canvas-node[data-font-size="large"] {
--font-text-size: var(--font-ui-large);
}
.canvas-node[data-font-size="small"] {
--font-text-size: var(--font-ui-small);
}
from obsidian-advanced-canvas.
Related Issues (20)
- [FR] Always visible filenames for file nodes HOT 1
- [BUG] Plugin causes canvas arrows to be pixelated HOT 1
- Plugin causing obsidian sync issues HOT 2
- UI buggy on mobile HOT 1
- [FR] XTiles inspired features HOT 1
- [FR] Custom default node/edge style HOT 2
- The arrows are displayed backwards in direct edge path route. HOT 3
- [bug] Shape > Predefinded Process doesn't seems to be applied on the canvas object HOT 2
- Properties button missing from menu? HOT 2
- Can not use the portal feature HOT 7
- [BUG] cssclasses don't work HOT 1
- Opended portal layer over other nodes HOT 2
- [BUG] Unable To Open if Plugin Is Disabled and Canvas Interacted With HOT 23
- Add more path style HOT 1
- Centered text alignment not maintained during node size change HOT 3
- [FR] Auto-Append "Canvas Name" to New Markdown Files HOT 1
- [FR] Remember scroll position of md.files in Canvas
- [FR] The thickness of the Edge can be adjusted, and the shape of the Edge can be controlled HOT 4
- [FR] Bring back the old style menu HOT 2
- Change the edge colour separately from the fill colour
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 obsidian-advanced-canvas.