Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
meteor-joint
============
Library for visualization and interaction with diagrams and graphs.

JointJS v0.9.2 available for use on Meteor Framework v0.9.3+

Just execute on console: ```meteor add santteegt:jointjs``` and that's it!

Project created by: Christian Stewart <kidovate@gmail.com>

Version update by: Santiago González Toral <hernangt12re3@gmail.com> - Github: https://github.com/santteegt/

55 changes: 27 additions & 28 deletions joint.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*! JointJS v0.8.1 - JavaScript diagramming library 2014-03-14
/*! JointJS v0.9.2 - JavaScript diagramming library 2014-09-17


This Source Code Form is subject to the terms of the Mozilla Public
Expand All @@ -25,6 +25,17 @@ Important note: Presentation attributes have a lower precedence over CSS style r
user-select: none;
}

/*
1. IE can't handle paths without the `d` attribute for bounding box calculation
2. IE can't even handle 'd' attribute as a css selector (e.g path[d]) so the following rule will
break the links rendering.

path:not([d]) {
display: none;
}

*/

/* .magnet is an element that can be either source or a target of a link */
/*
.magnet {
Expand Down Expand Up @@ -186,52 +197,40 @@ Vertex markers are `<circle>` elements that appear at connection vertex position
opacity: 1;
}

/*

/* Cell highlighting - e.g a cell underneath the dragged link get highlighted.
See joint.dia.cell.js highlight(); */

/* For some reason, CSS `outline` property does not work on `<text>` elements. */
text.highlighted {
fill: #FF0000;
}

.highlighted {
outline: 2px solid #FF0000; /* `outline` doesn't work in Firefox, Opera and IE9+ correctly. */
opacity: 0.7 \9; /* It targets only IE9. */
opacity: 0.7;
}

/*
use '@-moz-document url-prefix()' to target all versions if Firefox and nothing else.
See `https://developer.mozilla.org/en-US/docs/Web/CSS/@document`.
*/
@-moz-document url-prefix() {
.highlighted { opacity: 0.7; } /* only for FF */
/* For some reason, CSS `outline` property
does not work on `<text>` elements. */
text.highlighted {
fill: #FF0000;
}

/*
`-o-prefocus` is a pseudo-class that allows styles to be targeted for Opera only.
See `http://www.opera.com/docs/specs/presto2.12/css/o-vendor/`.
*/
doesnotexist:-o-prefocus, .highlighted {
opacity: 0.7;
/* `outline` doesn't work in Firefox, Opera and IE9+.
The only engine supporting outlines on SVG elements is Webkit. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.highlighted {
outline: 2px solid #FF0000;
opacity: initial;
}
}

/*

Example of custom changes (in pure CSS only!):

Do not show marker vertices at all: .marker-vertices { display: none; }
Do not allow adding new vertices: .connection-wrap { pointer-events: none; }

*/

/* foreignObject in joint.shapes.basic.TextBlock */
.TextBlock .fobj body {
/* foreignObject inside the elements (i.e joint.shapes.basic.TextBlock) */
.element .fobj body {
background-color: transparent;
margin: 0px;
}
.TextBlock .fobj div {
.element .fobj div {
text-align: center;
vertical-align: middle;
display: table-cell;
Expand Down
Loading