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

Center button group

Browse Source
This commit is contained in:
Jendrik Jäger
2023-09-04 19:38:17 +02:00
parent 3f95905578
commit b91c3be0b4
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
button-group.js
+1 -1
View File
@@ -14,7 +14,7 @@ module.exports = function (RED) {
var heightPx = config.buttonheight * sizes.sy - sizes.gy; var heightPx = config.buttonheight * sizes.sy - sizes.gy;
var html = `<div style="width=100%; height=100%"> var html = `<div style="width=100%; height=100%; display: flex; flex-wrap: wrap; justify-content: center;">
<md-button id="{{$index}}" style="width:${widthPx}px; height:${heightPx}px; margin: ${sizes.gx}px ${sizes.gy}px; background-color: {{button.color}}; white-space: pre-wrap; word-break: break-word;" ng-click="buttonClick($event)" ng-mousedown="buttonDown($event)" ng-mouseup="buttonUp($event)" ng-repeat="button in msg.buttons">{{button.label}}</md-button> <md-button id="{{$index}}" style="width:${widthPx}px; height:${heightPx}px; margin: ${sizes.gx}px ${sizes.gy}px; background-color: {{button.color}}; white-space: pre-wrap; word-break: break-word;" ng-click="buttonClick($event)" ng-mousedown="buttonDown($event)" ng-mouseup="buttonUp($event)" ng-repeat="button in msg.buttons">{{button.label}}</md-button>
</div>`; </div>`;