@herb-tools/dev-tools 0.8.9 → 0.8.10
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@herb-tools/dev-tools",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.10",
|
|
4
4
|
"description": "Development tools for visual debugging in HTML+ERB templates",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@herb-tools/core": "0.8.
|
|
33
|
+
"@herb-tools/core": "0.8.10"
|
|
34
34
|
},
|
|
35
35
|
"files": [
|
|
36
36
|
"package.json",
|
package/src/herb-overlay.ts
CHANGED
|
@@ -157,7 +157,7 @@ export class HerbOverlay {
|
|
|
157
157
|
<label class="herb-toggle-label">
|
|
158
158
|
<input type="checkbox" id="herbToggleViewOutlines" class="herb-toggle-input">
|
|
159
159
|
<span class="herb-toggle-switch"></span>
|
|
160
|
-
<span class="herb-toggle-text">
|
|
160
|
+
<span class="herb-toggle-text herb-outline-preview herb-outline-view">View Outlines</span>
|
|
161
161
|
</label>
|
|
162
162
|
</div>
|
|
163
163
|
|
|
@@ -165,7 +165,7 @@ export class HerbOverlay {
|
|
|
165
165
|
<label class="herb-toggle-label">
|
|
166
166
|
<input type="checkbox" id="herbTogglePartialOutlines" class="herb-toggle-input">
|
|
167
167
|
<span class="herb-toggle-switch"></span>
|
|
168
|
-
<span class="herb-toggle-text">
|
|
168
|
+
<span class="herb-toggle-text herb-outline-preview herb-outline-partial">Partial Outlines</span>
|
|
169
169
|
</label>
|
|
170
170
|
</div>
|
|
171
171
|
|
|
@@ -173,7 +173,7 @@ export class HerbOverlay {
|
|
|
173
173
|
<label class="herb-toggle-label">
|
|
174
174
|
<input type="checkbox" id="herbToggleComponentOutlines" class="herb-toggle-input">
|
|
175
175
|
<span class="herb-toggle-switch"></span>
|
|
176
|
-
<span class="herb-toggle-text">
|
|
176
|
+
<span class="herb-toggle-text herb-outline-preview herb-outline-component">Component Outlines</span>
|
|
177
177
|
</label>
|
|
178
178
|
</div>
|
|
179
179
|
|
|
@@ -181,7 +181,7 @@ export class HerbOverlay {
|
|
|
181
181
|
<label class="herb-toggle-label">
|
|
182
182
|
<input type="checkbox" id="herbToggleERBOutlines" class="herb-toggle-input">
|
|
183
183
|
<span class="herb-toggle-switch"></span>
|
|
184
|
-
<span class="herb-toggle-text">
|
|
184
|
+
<span class="herb-toggle-text herb-outline-preview herb-outline-erb">ERB Output Outlines</span>
|
|
185
185
|
</label>
|
|
186
186
|
|
|
187
187
|
<div class="herb-nested-toggle" id="herbERBHoverRevealNested" style="display: none;">
|
package/src/styles.css
CHANGED
|
@@ -421,6 +421,32 @@
|
|
|
421
421
|
flex: 1;
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
+
.herb-outline-preview {
|
|
425
|
+
padding: 2px 8px;
|
|
426
|
+
border-radius: 4px;
|
|
427
|
+
border: 2px dotted transparent;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
.herb-outline-view {
|
|
431
|
+
border-color: #3b82f6;
|
|
432
|
+
background-color: #eff6ff;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
.herb-outline-partial {
|
|
436
|
+
border-color: #10b981;
|
|
437
|
+
background-color: #ecfdf5;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.herb-outline-component {
|
|
441
|
+
border-color: #f59e0b;
|
|
442
|
+
background-color: #fffbeb;
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
.herb-outline-erb {
|
|
446
|
+
border-color: #a78bfa;
|
|
447
|
+
background-color: #f5f3ff;
|
|
448
|
+
}
|
|
449
|
+
|
|
424
450
|
.herb-toggle-label:hover .herb-toggle-switch {
|
|
425
451
|
background: #94a3b8;
|
|
426
452
|
}
|