Release 8.1.1 (#194)

## What's Changed
* fix: vertical position of datavisyn logo in visyn header by
@dvdanielamoitzi in #193
* fix(vis): transparent scatterplot labels by @dv-raghad-jamalaldeen in
#192


**Full Changelog**:
v8.1.0...v8.1.1

package.json

@@ -1,7 +1,7 @@
 {
   "name": "visyn_core",
   "description": "Core repository for datavisyn applications.",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "author": {
     "name": "datavisyn GmbH",
     "email": "[email protected]",

src/app/header/DatavisynLogo.tsx

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { Anchor, rem } from '@mantine/core';
+import { Anchor } from '@mantine/core';
 import datavisynLogoWhite from '../../assets/datavisyn_white.svg';
 import datavisynLogoBlack from '../../assets/datavisyn_black.svg';
 import datavisynLogoColor from '../../assets/datavisyn_color.svg';
 
 export function DatavisynLogo({ color }: { color: 'white' | 'black' | 'color' }) {
   const source = color === 'white' ? datavisynLogoWhite : color === 'black' ? datavisynLogoBlack : datavisynLogoColor;
   return (
-    <Anchor h={rem(24)} href="https://datavisyn.io/" target="_blank">
+    <Anchor display="flex" href="https://datavisyn.io/" target="_blank">
       <img src={source} alt="logo" style={{ height: '24px' }} />
     </Anchor>
   );

src/vis/scatter/ScatterVis.tsx

@@ -111,7 +111,7 @@ export function ScatterVis({
 
           if (selectedList.length === 0 && config.showLabels === ELabelingOptions.SELECTED) {
             // @ts-ignore
-            p.data.selected.textfont.color = 'white';
+            p.data.selected.textfont.color = `rgba(102, 102, 102, 0)`;
           } else if (selectedList.length === 0 && config.showLabels === ELabelingOptions.ALWAYS) {
             // @ts-ignore
             p.data.selected.textfont.color = `rgba(102, 102, 102, ${config.alphaSliderVal})`;

src/vis/scatter/utils.ts

@@ -201,7 +201,7 @@ export async function createScatterTraces(
             size: sizeSliderVal,
           },
           textfont: {
-            color: showLabels === ELabelingOptions.NEVER ? 'white' : '#666666',
+            color: showLabels === ELabelingOptions.NEVER ? `rgba(102, 102, 102, 0)` : `rgba(102, 102, 102, 1)`,
           },
         },
         unselected: {
@@ -214,7 +214,7 @@ export async function createScatterTraces(
             size: sizeSliderVal,
           },
           textfont: {
-            color: showLabels === ELabelingOptions.ALWAYS ? `rgba(179, 179, 179, ${alphaSliderVal})` : 'white',
+            color: showLabels === ELabelingOptions.ALWAYS ? `rgba(179, 179, 179, ${alphaSliderVal})` : `rgba(179, 179, 179, 0)`,
           },
         },
       },