@yuneta/gobj-ui 7.14.3 → 7.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +90 -0
- package/dist/gobj-ui.cjs.js +260 -47
- package/dist/gobj-ui.es.js +260 -47
- package/package.json +1 -1
- package/src/c_g6_nodes_tree.js +431 -58
- package/src/lib_graph.css +70 -4
package/src/lib_graph.css
CHANGED
|
@@ -55,13 +55,79 @@
|
|
|
55
55
|
opacity: 0.35;
|
|
56
56
|
pointer-events: none;
|
|
57
57
|
}
|
|
58
|
-
/* Vertical toolbar (column): horizontal
|
|
58
|
+
/* Vertical toolbar (column): horizontal hairline between items */
|
|
59
59
|
.g6-toolbar.g6-toolbar-large[style*="flex-direction: column"] .g6-toolbar-item + .g6-toolbar-item {
|
|
60
|
-
border-top: 1px solid #d9d9d9;
|
|
60
|
+
border-top: 1px solid var(--bulma-border-weak, #d9d9d9);
|
|
61
61
|
}
|
|
62
|
-
/* Horizontal toolbar (row): vertical
|
|
62
|
+
/* Horizontal toolbar (row): vertical hairline between items */
|
|
63
63
|
.g6-toolbar.g6-toolbar-large[style*="flex-direction: row"] .g6-toolbar-item + .g6-toolbar-item {
|
|
64
|
-
border-left: 1px solid #d9d9d9;
|
|
64
|
+
border-left: 1px solid var(--bulma-border-weak, #d9d9d9);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/*
|
|
68
|
+
* Group divider. Every item already carries a hairline against its
|
|
69
|
+
* neighbour, so a group break has to be a GAP, not one more line --
|
|
70
|
+
* otherwise the camera controls and the window control read as one
|
|
71
|
+
* list of six equal things.
|
|
72
|
+
*/
|
|
73
|
+
.g6-toolbar.g6-toolbar-large .g6-toolbar-sep {
|
|
74
|
+
background-color: var(--bulma-border, #cfcfcf);
|
|
75
|
+
flex: none;
|
|
76
|
+
}
|
|
77
|
+
.g6-toolbar.g6-toolbar-large[style*="flex-direction: column"] .g6-toolbar-sep {
|
|
78
|
+
width: 100%;
|
|
79
|
+
height: 1px;
|
|
80
|
+
margin: 5px 0;
|
|
81
|
+
}
|
|
82
|
+
.g6-toolbar.g6-toolbar-large[style*="flex-direction: row"] .g6-toolbar-sep {
|
|
83
|
+
width: 1px;
|
|
84
|
+
align-self: stretch;
|
|
85
|
+
margin: 0 5px;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/*
|
|
89
|
+
* A toolbar item whose glyph is TEXT (`1:1`). There is no icon for
|
|
90
|
+
* actual size, so the item has to be as wide as its label instead
|
|
91
|
+
* of the square an icon gets.
|
|
92
|
+
*/
|
|
93
|
+
.g6-toolbar.g6-toolbar-large .g6-toolbar-item-text {
|
|
94
|
+
width: auto;
|
|
95
|
+
min-width: 20px;
|
|
96
|
+
}
|
|
97
|
+
.g6-toolbar.g6-toolbar-large .g6-toolbar-text {
|
|
98
|
+
display: block;
|
|
99
|
+
line-height: 20px;
|
|
100
|
+
font-size: 0.8125rem;
|
|
101
|
+
font-weight: 600;
|
|
102
|
+
text-align: center;
|
|
103
|
+
white-space: nowrap;
|
|
104
|
+
font-variant-numeric: tabular-nums;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/*
|
|
108
|
+
* The zoom readout REPORTS, it does not act: no pointer, no hover,
|
|
109
|
+
* and quieter than the buttons it sits with. It carries no
|
|
110
|
+
* `g6-toolbar-item` class, which is also what keeps G6's own click
|
|
111
|
+
* handler from firing on it.
|
|
112
|
+
*/
|
|
113
|
+
.g6-toolbar.g6-toolbar-large .g6-toolbar-readout {
|
|
114
|
+
padding: 2px 6px;
|
|
115
|
+
font-size: 0.75rem;
|
|
116
|
+
text-align: center;
|
|
117
|
+
white-space: nowrap;
|
|
118
|
+
cursor: default;
|
|
119
|
+
opacity: 0.7;
|
|
120
|
+
font-variant-numeric: tabular-nums;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/*
|
|
124
|
+
* Hover follows the theme too. G6 injects `.g6-toolbar-item:hover
|
|
125
|
+
* { background-color: #f0f0f0 }` at runtime, AFTER our bundled CSS,
|
|
126
|
+
* so an equal-specificity rule would lose -- the extra class on the
|
|
127
|
+
* toolbar itself is what wins it, with no !important.
|
|
128
|
+
*/
|
|
129
|
+
.g6-toolbar.g6-toolbar-large .g6-toolbar-item:hover {
|
|
130
|
+
background-color: var(--bulma-background, #f0f0f0);
|
|
65
131
|
}
|
|
66
132
|
|
|
67
133
|
/* No transient effects: open/move popups immediately (user pref).
|