diff --git a/frontend/src/app/framework/angular/pipes/colors.pipes.ts b/frontend/src/app/framework/angular/pipes/colors.pipes.ts
index 62eaf391b..d36ba1fcc 100644
--- a/frontend/src/app/framework/angular/pipes/colors.pipes.ts
+++ b/frontend/src/app/framework/angular/pipes/colors.pipes.ts
@@ -46,7 +46,11 @@ export class LightenPipe implements PipeTransform {
standalone: true,
})
export class StringColorPipe implements PipeTransform {
- public transform(value: string) {
+ public transform(value?: string) {
+ if (!value) {
+ return 'transparent';
+ }
+
return ColorHelper.fromStringHash(value);
}
}
diff --git a/frontend/src/app/shared/components/focus-marker.component.html b/frontend/src/app/shared/components/focus-marker.component.html
index 035032ce3..e3bdc978d 100644
--- a/frontend/src/app/shared/components/focus-marker.component.html
+++ b/frontend/src/app/shared/components/focus-marker.component.html
@@ -1,11 +1,9 @@
-
-
-
-
-
-
+
\ No newline at end of file
diff --git a/frontend/src/app/shared/components/focus-marker.component.scss b/frontend/src/app/shared/components/focus-marker.component.scss
index 6ca61463f..fd297b913 100644
--- a/frontend/src/app/shared/components/focus-marker.component.scss
+++ b/frontend/src/app/shared/components/focus-marker.component.scss
@@ -2,6 +2,12 @@
@import 'vars';
.focus-container {
+ border: 2px solid transparent;
+ border-radius: 4px;
+ margin: -2px;
+}
+
+.focused {
position: relative;
}
@@ -9,6 +15,7 @@
@include absolute(-2px, -2px, -2px, -2px);
border: 2px solid transparent;
border-radius: 6px;
+ pointer-events: none;
}
.focus-user {
@@ -19,5 +26,6 @@
margin-right: 0;
margin-bottom: 2px;
padding: .125rem .25rem;
+ pointer-events: none;
white-space: nowrap;
}
\ No newline at end of file