Fix cursor svg

slak44 · Apr 18, 2024 · e4b132f · e4b132f
1 parent c65cd5e
commit e4b132f
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 20 deletions.
diff --git a/.idea/artifacts/ckompiler_js_SNAPSHOT6.xml b/.idea/artifacts/ckompiler_js_SNAPSHOT6.xml
diff --git a/.idea/artifacts/ckompiler_jvm_SNAPSHOT6.xml b/.idea/artifacts/ckompiler_jvm_SNAPSHOT6.xml
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/modules/internals-explorer-backend.main.iml b/.idea/modules/internals-explorer-backend.main.iml
diff --git a/internals-explorer/ngsw-config.json b/internals-explorer/ngsw-config.json
@@ -21,7 +21,8 @@
       "updateMode": "prefetch",
       "resources": {
         "files": [
-          "/assets/samples/**"
+          "/assets/samples/**",
+          "/assets/cursor.svg"
         ]
       }
     },

diff --git a/...-explorer/src/app/broadcast/components/broadcaster-mouse/broadcaster-mouse.component.scss b/...-explorer/src/app/broadcast/components/broadcaster-mouse/broadcaster-mouse.component.scss
@@ -6,7 +6,7 @@
 
   width: 32px;
   height: 32px;
-  background-image: url("/assets/cursor.svg");
+  background-image: var(--cursor-url);
   background-size: 32px 32px;
   pointer-events: none;
 

diff --git a/...ls-explorer/src/app/broadcast/components/broadcaster-mouse/broadcaster-mouse.component.ts b/...ls-explorer/src/app/broadcast/components/broadcaster-mouse/broadcaster-mouse.component.ts
@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { CommonModule, Location } from '@angular/common';
 
 @Component({
   selector: 'cki-broadcaster-mouse',
@@ -25,4 +25,10 @@ export class BroadcasterMouseComponent {
   @Input()
   @HostBinding('style.--broadcaster-name')
   public broadcasterName: string = '';
+
+  @HostBinding('style.--cursor-url')
+  public readonly cursorUrl: string = `url(${this.location.prepareExternalUrl('/assets/cursor.svg')})`;
+
+  constructor(private readonly location: Location) {
+  }
 }