added bug fix

GDG-GANDHINAGAR · Oct 26, 2024 · d2c866d · d2c866d
1 parent cf53457
commit d2c866d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/app/components/logo-wrapper/logo-wrapper.component.html b/src/app/components/logo-wrapper/logo-wrapper.component.html
@@ -11,7 +11,7 @@
     }
     <div class="canvas-wrap">
       @if (isBrowser && config.alignment) {
-        <canvas #canvas [height]="wrapper.clientHeight*2" [width]="wrapper.clientWidth*2"></canvas>
+        <canvas #canvas [height]="canvasHeight" [width]="canvasWidth"></canvas>
       }
     </div>
   </div>

diff --git a/src/app/components/logo-wrapper/logo-wrapper.component.ts b/src/app/components/logo-wrapper/logo-wrapper.component.ts
@@ -22,6 +22,8 @@ import {GdgInlineComponent} from "../logos/gdg-inline/gdg-inline.component";
 export class LogoWrapperComponent implements AfterViewInit {
   @ViewChild('canvas') canvas: ElementRef<HTMLCanvasElement>;
   @ViewChild('wrapper') wrapper: ElementRef<HTMLDivElement>;
+  canvasHeight = 0;
+  canvasWidth = 0;
   context: CanvasRenderingContext2D;
   config: ConfigType & any = {}
   protected readonly Communities = Communities;
@@ -33,6 +35,7 @@ export class LogoWrapperComponent implements AfterViewInit {
     this.isBrowser = isPlatformBrowser(platformId);
     this.configService.getConfig.subscribe(change => {
       this.config = change;
+      console.log(change)
       setTimeout(_ => {
         this.drawImage()
       }, 1000)
@@ -43,10 +46,12 @@ export class LogoWrapperComponent implements AfterViewInit {
   }
 
 
-
   onConfigChange(node: ElementRef) {
     if (!node) return;
     this.nodeRef = node;
+    this.canvasHeight = node.nativeElement.height.baseVal.value
+    this.canvasWidth = node.nativeElement.width.baseVal.value;
+
   }
 
   drawImage() {

diff --git a/src/app/components/logos/gdg-inline/gdg-inline.component.html b/src/app/components/logos/gdg-inline/gdg-inline.component.html
@@ -11,6 +11,7 @@
     </style>
   </defs>
   <g id="Layer_1-2" data-name="Layer_1">
+    <path d="M0 0h269.2v44H0V0Z" [attr.fill]="config|color:'bg'" style="stroke-width: 0"/>
     <text text-anchor="middle"
           style="font-family:GoogleSansDisplay-Regular,&quot;Google Sans Display&quot;;font-size:17.24px"
           y="40" x="47.5">