fix: icon auto sizing issue

Author: tujoworker

packages/dnb-ui-lib/src/components/logo/Logo.js

@@ -57,8 +57,22 @@ export default class Logo extends PureComponent {
       ...rest
     } = this.props
 
+    if (parseFloat(size) > -1 && width === null && height === null) {
+      width = size * ratio
+      height = width / ratio
+    } else if (parseFloat(width) > -1 && height === null) {
+      height = width / ratio
+    } else if (parseFloat(height) > -1 && width === null) {
+      width = height * ratio
+    }
+
     const rootParams = {
-      className: classnames('dnb-logo', className, _className),
+      className: classnames(
+        'dnb-logo',
+        className,
+        _className,
+        (width > 0 || height > 0) && `dnb-logo--has-size`
+      ),
       role: 'img',
       alt: 'DNB Logo',
       ['data-ratio']: ratio,
@@ -70,15 +84,6 @@ export default class Logo extends PureComponent {
       viewBox: '0 0 93.0362 64' // theese size are set to me assiosated with the svg path point values
     }
 
-    if (parseFloat(size) > -1 && width === null && height === null) {
-      width = size * ratio
-      height = width / ratio
-    } else if (parseFloat(width) > -1 && height === null) {
-      height = width / ratio
-    } else if (parseFloat(height) > -1 && width === null) {
-      width = height * ratio
-    }
-
     if (parseFloat(width) > -1) svgParams['width'] = width
     if (parseFloat(height) > -1) svgParams['height'] = height
     if (color) svgParams['color'] = color

packages/dnb-ui-lib/src/components/logo/style/_logo.scss

@@ -9,14 +9,15 @@
   font-size: inherit;
   line-height: 0;
 
-  width: calc(1em * attr(data-ratio));
-  height: 1em;
-
   color: var(--color-sea-green);
-
   svg {
     fill: currentColor;
   }
+
+  &:not(&--has-size) {
+    width: calc(1em * attr(data-ratio));
+    height: 1em;
+  }
   svg:not([width]):not([height]) {
     width: inherit;
     height: inherit;