Display in Safari fixed

Author: Patrick Knabe

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [v1.0.2] - 2021-07-07
+
+### Fixed
+- Missing display in Safari
+
 ## [v1.0.1] - 2020-11-16
 
 ### Changed
@@ -11,5 +16,6 @@
 - Functional digital display for the Node-RED Dashboard
 - Readme, Changelog and License
 
+[v1.0.2]: https://github.com/patrickknabe/node-red-contrib-ui-digital-display/compare/v1.0.1...v1.0.2
 [v1.0.1]: https://github.com/patrickknabe/node-red-contrib-ui-digital-display/compare/v1.0.0...v1.0.1
 [v1.0.0]: https://github.com/patrickknabe/node-red-contrib-ui-digital-display/releases/tag/v1.0.0

display.js

@@ -14,8 +14,8 @@ module.exports = RED => {
 			this.on( 'close', ui.addWidget( {
 				node: this,
 				format: `
-					<div id="ui_digital_display_{{ $id }}" style="display: flex; height: 100%; justify-content: flex-end;" ng-init="digits = ${ +config.digits || 0 }; decimals = ${ +config.decimals || 0 };">
-						<svg style="height: 100%;" version="1.1" viewBox="0 0 660 1000" xmlns="http://www.w3.org/2000/svg" ng-repeat="x in [].constructor( ${ +config.digits || 0 } ) track by $index">
+					<div id="ui_digital_display_{{ $id }}" style="display: flex; height: 100%; justify-content: flex-end" ng-init="digits = ${ +config.digits || 0 }; decimals = ${ +config.decimals || 0 }">
+						<svg version="1.1" viewBox="0 0 660 990" xmlns="http://www.w3.org/2000/svg" style="height: -webkit-fill-available" ng-repeat="x in [].constructor( ${ +config.digits || 0 } ) track by $index">
 							<path d="m164.59 7.6241e-5h332.31l33.735 36.176-84.078 78.404h-247.65l-73.113-78.404z" />
 							<path d="m87.115 72.249 75.498 80.961-16.917 241.93-74.915 69.86-38.525-41.313 22.462-321.23z" />
 							<path d="m454.96 389.16 15.725-224.88 95.964-89.488 19.36 20.761-23.784 340.13-34.168 31.863z" />

package-lock.json

@@ -8,7 +8,7 @@
 		"seven segment display",
 		"ui"
 	],
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"license": "MIT",
 	"author": {
 		"name": "Patrick Knabe",