UI: Fixed incorrect parsing of the CSS unit 'rem' and 'vmin'

ui-ngx/src/app/shared/models/widget-settings.models.ts

@@ -329,11 +329,9 @@ export const resolveCssSize = (strSize?: string): [number, cssUnit] => {
   }
   let resolvedUnit: cssUnit;
   let resolvedSize = strSize;
-  for (const unit of cssUnits) {
+  const unitMatch = strSize.match(new RegExp(`(${cssUnits.join('|')})$`));
-    if (strSize.endsWith(unit)) {
+  if (unitMatch) {
-      resolvedUnit = unit;
+    resolvedUnit = unitMatch[0] as cssUnit;
-      break;
-    }
   }
   if (resolvedUnit) {
     resolvedSize = strSize.substring(0, strSize.length - resolvedUnit.length);