jjaeger/node-red-contrib-ui-cocktail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Align content of multi group at the start

Browse Source
This commit is contained in:
Jendrik Jäger
2023-09-05 19:02:37 +02:00
parent 179480f628
commit 7827cc6cd4
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
multi-group.js
+2 -2
View File
@@ -15,7 +15,7 @@ module.exports = function (RED) {
var html = ` var html = `
<script type='text/javascript' src='ui-gauge-group/gauge.min.js'></script> <script type='text/javascript' src='ui-gauge-group/gauge.min.js'></script>
<div id="multi-${iid}" style="width=100%; height=100%; display: flex; flex-wrap: wrap; justify-content: center;"></div> <div id="multi-${iid}" style="width=100%; height=100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start;"></div>
`; `;
var done = ui.addWidget({ var done = ui.addWidget({
@@ -173,7 +173,7 @@ module.exports = function (RED) {
const widthPx = widthToPx(config.width, includeMargin); const widthPx = widthToPx(config.width, includeMargin);
const heightPx = heightToPx(config.height, includeMargin); const heightPx = heightToPx(config.height, includeMargin);
const container = $(`<div id=${containerId} style="display: flex; flex-wrap: wrap; justify-content: center" />`); const container = $(`<div id=${containerId} style="display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start;" />`);
container.css("width", `${widthPx}px`); container.css("width", `${widthPx}px`);
container.css("height", `${heightPx}px`); container.css("height", `${heightPx}px`);