@riebeckite/plugin-garden-explorer 0.0.14 → 0.0.16
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 +72 -19
- package/README_ja.md +46 -16
- package/dist/client.js +331 -50
- package/dist/components/garden-explorer.js +331 -50
- package/dist/index.d.ts +3 -2
- package/dist/index.js +362 -57
- package/dist/src/garden-explorer.d.ts +15 -0
- package/dist/src/garden-explorer.server.d.ts +3 -1
- package/package.json +4 -3
- package/style.css +63 -0
package/style.css
CHANGED
|
@@ -128,6 +128,7 @@
|
|
|
128
128
|
|
|
129
129
|
.garden-explorer__chip[aria-pressed="true"],
|
|
130
130
|
.garden-explorer__note-list button[aria-pressed="true"],
|
|
131
|
+
.garden-explorer__graph-toolbar button[aria-pressed="true"],
|
|
131
132
|
.garden-explorer__mobile-tab[aria-pressed="true"] {
|
|
132
133
|
background: var(--rb-color-accent);
|
|
133
134
|
color: var(--rb-color-paper);
|
|
@@ -155,6 +156,42 @@
|
|
|
155
156
|
color: var(--rb-color-muted);
|
|
156
157
|
}
|
|
157
158
|
|
|
159
|
+
.garden-explorer__count-badge {
|
|
160
|
+
margin-inline-start: var(--rb-space-1);
|
|
161
|
+
font-size: 0.72rem;
|
|
162
|
+
font-weight: 400;
|
|
163
|
+
letter-spacing: normal;
|
|
164
|
+
text-transform: none;
|
|
165
|
+
color: var(--rb-color-muted);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.garden-explorer__perf-warning {
|
|
169
|
+
margin-inline-start: var(--rb-space-2);
|
|
170
|
+
font-size: 0.72rem;
|
|
171
|
+
font-weight: 400;
|
|
172
|
+
letter-spacing: normal;
|
|
173
|
+
text-transform: none;
|
|
174
|
+
color: var(--rb-color-error);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.garden-explorer__force-approve {
|
|
178
|
+
margin-inline-start: var(--rb-space-1);
|
|
179
|
+
padding: 0.2rem 0.5rem;
|
|
180
|
+
font-size: 0.72rem;
|
|
181
|
+
font-weight: 400;
|
|
182
|
+
letter-spacing: normal;
|
|
183
|
+
text-transform: none;
|
|
184
|
+
border: var(--rb-rule-width) solid var(--rb-color-error);
|
|
185
|
+
background: var(--rb-color-paper);
|
|
186
|
+
color: var(--rb-color-error);
|
|
187
|
+
cursor: pointer;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.garden-explorer__force-approve:hover {
|
|
191
|
+
background: var(--rb-color-error);
|
|
192
|
+
color: var(--rb-color-paper);
|
|
193
|
+
}
|
|
194
|
+
|
|
158
195
|
.garden-explorer__graph-toolbar {
|
|
159
196
|
display: flex;
|
|
160
197
|
justify-content: space-between;
|
|
@@ -190,6 +227,19 @@
|
|
|
190
227
|
.garden-graph__edge {
|
|
191
228
|
stroke: var(--rb-color-border);
|
|
192
229
|
stroke-width: 1.2;
|
|
230
|
+
transition:
|
|
231
|
+
opacity 120ms ease,
|
|
232
|
+
stroke 120ms ease,
|
|
233
|
+
stroke-width 120ms ease;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.garden-graph__edge[data-muted="true"] {
|
|
237
|
+
opacity: 0.18;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.garden-graph__edge[data-emphasized="true"] {
|
|
241
|
+
stroke: var(--rb-color-accent);
|
|
242
|
+
stroke-width: 1.8;
|
|
193
243
|
}
|
|
194
244
|
|
|
195
245
|
.garden-graph__node circle {
|
|
@@ -201,6 +251,10 @@
|
|
|
201
251
|
stroke 120ms ease;
|
|
202
252
|
}
|
|
203
253
|
|
|
254
|
+
.garden-graph__node[data-muted="true"] {
|
|
255
|
+
opacity: 0.28;
|
|
256
|
+
}
|
|
257
|
+
|
|
204
258
|
.garden-graph__node circle[data-selected="true"] {
|
|
205
259
|
fill: var(--rb-color-accent);
|
|
206
260
|
stroke: var(--rb-color-accent);
|
|
@@ -216,6 +270,14 @@
|
|
|
216
270
|
cursor: pointer;
|
|
217
271
|
}
|
|
218
272
|
|
|
273
|
+
.garden-graph__node circle {
|
|
274
|
+
cursor: grab;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.garden-graph__node circle:active {
|
|
278
|
+
cursor: grabbing;
|
|
279
|
+
}
|
|
280
|
+
|
|
219
281
|
.garden-explorer__details h2 {
|
|
220
282
|
margin-block: var(--rb-space-1);
|
|
221
283
|
font-size: 1.6rem;
|
|
@@ -247,6 +309,7 @@
|
|
|
247
309
|
}
|
|
248
310
|
|
|
249
311
|
@media (prefers-reduced-motion: reduce) {
|
|
312
|
+
.garden-graph__edge,
|
|
250
313
|
.garden-graph__node circle {
|
|
251
314
|
transition: none;
|
|
252
315
|
}
|