Comments (10)
Documents can be found at: https://github.com/vuerd/vuerd/tree/master/packages/vuerd
Built-in CSS examples https://github.com/vuerd/vuerd/tree/master/packages/vuerd/theme
from erd-editor.
Is there a way to have different table background ?
For example One table with blue background (in the title for example), another with green background etc. ?
I would like to recognize different type of table directly with the color, like this :
https://drawsql.app/img/drawsql-screenshot-2.png
from erd-editor.
Documents can be found at: https://github.com/vuerd/vuerd/tree/master/packages/vuerd
Built-in CSS examples https://github.com/vuerd/vuerd/tree/master/packages/vuerd/theme
Ah thank you
from erd-editor.
Is there a way to have different table background ?
For example One table with blue background (in the title for example), another with green background etc. ?
I would like to recognize different type of table directly with the color, like this :
https://drawsql.app/img/drawsql-screenshot-2.png
There is no function at this time.
Function development is simple, so I'll add it.
from erd-editor.
@dineug how do I overwrite some custom css?
Right now stuff like this is being ignored
.vuerd-table .vuerd-table-header-top .vuerd-button {
height: 1em !important;
}
from erd-editor.
I don't recommend it because it breaks the size calculation.
Here's how:
https://www.html5rocks.com/ko/tutorials/webcomponents/shadowdom-201/
from erd-editor.
I don't recommend it because it breaks the size calculation.
Here's how:
https://www.html5rocks.com/ko/tutorials/webcomponents/shadowdom-201/
Got it thanks! I was actually trying something else. The height was just a random example.
from erd-editor.
@dineug So I was able to use the shadow DOM styling for something like, as an example, the body
tag, but I still can't use it for .vuerd-table-button
https://codesandbox.io/s/vuerd-react-test-uzfld?file=/src/App.js
Did I miss something?
from erd-editor.
I've tried a few things.
I don't think it's working.
To add a style to ShadowRoot, you must import ShadowRoot.
const shadowRoot = editor.shadowRoot;
shadowRoot.appendChild(style);
from erd-editor.
Is there a way to have different table background ?
For example One table with blue background (in the title for example), another with green background etc. ?
I would like to recognize different type of table directly with the color, like this :
https://drawsql.app/img/drawsql-screenshot-2.pngThere is no function at this time.
Function development is simple, so I'll add it.
Thanks for the quick reply and thanks for your great tool ! :)
If the job is just modifying CSS class or dom object, maybe i can do this.
from erd-editor.
Related Issues (20)
- More text in the comments, color text HOT 1
- Support postgresql schemas HOT 4
- Support PostgreSQL enums HOT 1
- Adding arbitrary SQL statements to DDL HOT 1
- [Idea] Support for Alternate Key HOT 1
- Git status change issue when scrolling on the screen HOT 3
- Comments column re-size in Diagram HOT 1
- An exception occurred when I was packaging the vuerd-vscode project HOT 1
- The primary key must require autoIncrement when generating sql HOT 1
- Roadmap v3 HOT 4
- Extension does not always save automatically HOT 3
- Pressing enter on selected dataType suggestion does nothing HOT 2
- How can we import external DDL HOT 1
- Diagram relationship paths have unnecessary cross overs HOT 3
- Unable to zoom more than 100%
- Tree and table views in v3 HOT 4
- many to many? HOT 2
- Automatic similarity between primary key and foreign key makes the foreign key adopt the extra fluff of the primary key. HOT 1
- There is no grid view HOT 1
- Allow hiding sidebar in erd-editor.io 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 erd-editor.