@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.68 → 2.0.0-next.69
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/bundle/openbridge-webcomponents.bundle.js +7 -4
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.css.js +7 -4
- package/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.css.js.map +1 -1
- package/package.json +1 -1
- package/src/integration-systems/integration-vessel-menu/integration-vessel-menu.css +7 -4
- package/src/integration-systems/integration-vessel-menu/integration-vessel-menu.stories.ts +23 -0
|
@@ -53,10 +53,6 @@ const componentStyle = css`
|
|
|
53
53
|
border-radius: 8px;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
.footer-container slot[name="buttons"]::slotted(:not(obc-button)) {
|
|
57
|
-
display: contents;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
56
|
.footer-container slot[name="buttons"]::slotted(*) {
|
|
61
57
|
display: flex;
|
|
62
58
|
flex: 1 1 0px;
|
|
@@ -64,6 +60,13 @@ const componentStyle = css`
|
|
|
64
60
|
white-space: nowrap;
|
|
65
61
|
}
|
|
66
62
|
|
|
63
|
+
.footer-container slot[name="buttons"]::slotted(:not(obc-button)) {
|
|
64
|
+
display: grid;
|
|
65
|
+
grid-auto-flow: column;
|
|
66
|
+
grid-auto-columns: minmax(auto, 1fr);
|
|
67
|
+
gap: var(--app-components-integration-system-menu-action-spacing);
|
|
68
|
+
}
|
|
69
|
+
|
|
67
70
|
.buttons-slot {
|
|
68
71
|
display: contents;
|
|
69
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"integration-vessel-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"integration-vessel-menu.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -42,10 +42,6 @@
|
|
|
42
42
|
border-radius: 8px;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.footer-container slot[name="buttons"]::slotted(:not(obc-button)) {
|
|
46
|
-
display: contents;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
45
|
.footer-container slot[name="buttons"]::slotted(*) {
|
|
50
46
|
display: flex;
|
|
51
47
|
flex: 1 1 0px;
|
|
@@ -53,6 +49,13 @@
|
|
|
53
49
|
white-space: nowrap;
|
|
54
50
|
}
|
|
55
51
|
|
|
52
|
+
.footer-container slot[name="buttons"]::slotted(:not(obc-button)) {
|
|
53
|
+
display: grid;
|
|
54
|
+
grid-auto-flow: column;
|
|
55
|
+
grid-auto-columns: minmax(auto, 1fr);
|
|
56
|
+
gap: var(--app-components-integration-system-menu-action-spacing);
|
|
57
|
+
}
|
|
58
|
+
|
|
56
59
|
.buttons-slot {
|
|
57
60
|
display: contents;
|
|
58
61
|
}
|
|
@@ -195,6 +195,25 @@ const templateWithoutAlarms: IntegrationVesselMenuTemplate = (args) => html`
|
|
|
195
195
|
</obc-integration-vessel-menu>
|
|
196
196
|
`;
|
|
197
197
|
|
|
198
|
+
const templateWrappedButtons: IntegrationVesselMenuTemplate = (args) => html`
|
|
199
|
+
<obc-integration-vessel-menu .hideAlarmList=${args.hideAlarmList}>
|
|
200
|
+
<div slot="buttons">
|
|
201
|
+
<div style="display: contents;">
|
|
202
|
+
<obc-button ?fullWidth=${true}>Open</obc-button>
|
|
203
|
+
</div>
|
|
204
|
+
<div style="display: contents;">
|
|
205
|
+
<obc-button ?fullWidth=${true}>Alerts</obc-button>
|
|
206
|
+
</div>
|
|
207
|
+
</div>
|
|
208
|
+
<div slot="content" style="padding: 24px;">
|
|
209
|
+
<div style="width: 320px;">
|
|
210
|
+
<p>Content area</p>
|
|
211
|
+
</div>
|
|
212
|
+
</div>
|
|
213
|
+
${renderAlarms()}
|
|
214
|
+
</obc-integration-vessel-menu>
|
|
215
|
+
`;
|
|
216
|
+
|
|
198
217
|
export const Default: Story = {
|
|
199
218
|
render: template,
|
|
200
219
|
};
|
|
@@ -207,3 +226,7 @@ export const WithoutAlarmsHideEmptyAlarmList: Story = {
|
|
|
207
226
|
render: templateWithoutAlarms,
|
|
208
227
|
args: {hideAlarmList: true},
|
|
209
228
|
};
|
|
229
|
+
|
|
230
|
+
export const WithButtonsWrappedInDivWithoutStyling: Story = {
|
|
231
|
+
render: templateWrappedButtons,
|
|
232
|
+
};
|