@formicoidea/labre-framework-wardley 0.25.0 → 0.26.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.
|
@@ -63,9 +63,9 @@ export class EdgelessWardleyMenu extends EdgelessToolbarToolMixin(LitElement) {
|
|
|
63
63
|
}
|
|
64
64
|
static { this.styles = css `
|
|
65
65
|
:host {
|
|
66
|
-
position: absolute;
|
|
67
66
|
display: flex;
|
|
68
67
|
z-index: -1;
|
|
68
|
+
justify-content: center;
|
|
69
69
|
}
|
|
70
70
|
.menu-content {
|
|
71
71
|
display: flex;
|
|
@@ -27,12 +27,6 @@ export class EdgelessWardleySeniorButton extends EdgelessToolbarToolMixin(Signal
|
|
|
27
27
|
width: 100%;
|
|
28
28
|
height: 100%;
|
|
29
29
|
}
|
|
30
|
-
/* Make this 96px button the containing block of the popup's clip wrapper
|
|
31
|
-
(it is appended to our shadow root) so the sub-menu anchors to THIS
|
|
32
|
-
button — not the whole toolbar — and can be centered over it. */
|
|
33
|
-
:host {
|
|
34
|
-
position: relative;
|
|
35
|
-
}
|
|
36
30
|
.wardley-root {
|
|
37
31
|
width: 100%;
|
|
38
32
|
height: 64px;
|
|
@@ -78,24 +72,6 @@ export class EdgelessWardleySeniorButton extends EdgelessToolbarToolMixin(Signal
|
|
|
78
72
|
this.setEdgelessTool(DefaultTool);
|
|
79
73
|
const menu = this.createPopper('edgeless-wardley-menu', this);
|
|
80
74
|
menu.element.edgeless = this.edgeless;
|
|
81
|
-
// Anchor the sub-menu to THIS button (the clip wrapper is button-relative
|
|
82
|
-
// thanks to `:host{position:relative}`): right-align the menu's right edge
|
|
83
|
-
// to the button's right edge via the wrap's `flex-end`. Mirrors every other
|
|
84
|
-
// framework senior button (Cynefin, EDGY, BPMN, DDD). This stays correct
|
|
85
|
-
// regardless of how many senior buttons are hidden — unlike aligning to the
|
|
86
|
-
// rightmost toolbar slot, which moves when buttons are toggled off.
|
|
87
|
-
const el = menu.element;
|
|
88
|
-
const wrap = el.parentElement;
|
|
89
|
-
if (wrap) {
|
|
90
|
-
wrap.style.overflow = 'visible';
|
|
91
|
-
wrap.style.justifyContent = 'flex-end';
|
|
92
|
-
}
|
|
93
|
-
Object.assign(el.style, {
|
|
94
|
-
position: 'static',
|
|
95
|
-
width: 'max-content',
|
|
96
|
-
maxWidth: 'calc(100vw - 16px)',
|
|
97
|
-
marginLeft: '0',
|
|
98
|
-
});
|
|
99
75
|
}
|
|
100
76
|
render() {
|
|
101
77
|
return html `<edgeless-toolbar-button
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formicoidea/labre-framework-wardley",
|
|
3
3
|
"description": "Labre wardley framework for @formicoidea/labre-core.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.26.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"author": "lajola",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dist"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@formicoidea/labre-core": "0.
|
|
30
|
+
"@formicoidea/labre-core": "0.26.0",
|
|
31
31
|
"lit": "^3.2.0"
|
|
32
32
|
}
|
|
33
33
|
}
|