Bug fixes remove logging

Author: Templarian

src/index.html

@@ -163,6 +163,7 @@
       color: #fff;
     }
     main > h2 > button:focus::before {
+      pointer-events: none;
       content: '';
       position: absolute;
       top: -1px;

src/pg/annoy/annoy.css

@@ -52,14 +52,15 @@ div {
 }
 
 [part=close]:focus::before {
+  pointer-events: none;
   content: '';
-    position: absolute;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    left: -1px;
-    border-radius: 50%;
-    box-shadow: 0 0 0 3px var(--pg-search-focus-glow, rgb(79, 143, 249, 0.6));
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  border-radius: 50%;
+  box-shadow: 0 0 0 3px var(--pg-search-focus-glow, rgb(79, 143, 249, 0.6));
 }
 
 [part=close] svg {

src/pg/button/button.css

@@ -45,6 +45,7 @@
   box-shadow: 0 0 0 3px var(--pg-search-focus-glow, rgb(79, 143, 249, 0.6));
 }
 [part="button"]:focus::before {
+  pointer-events: none;
   content: '';
   position: absolute;
   top: -1px;

src/pg/buttonLink/buttonLink.css

@@ -49,6 +49,7 @@
   box-shadow: 0 0 0 3px var(--pg-search-focus-glow, rgb(79, 143, 249, 0.6));
 }
 [part="button"]:focus::before {
+  pointer-events: none;
   content: '';
   position: absolute;
   top: -1px;

src/pg/inputFileLocal/inputFileLocal.css

@@ -46,6 +46,7 @@
 }
 
 [part="label"]:focus::before {
+  pointer-events: none;
   content: '';
   position: absolute;
   top: -1px;

src/pg/inputPixelEditor/inputPixelEditor.css

@@ -2,6 +2,24 @@
   display: inline-flex;
 }
 
+[part="wrapper"] {
+  display: flex;
+  position: relative;
+  outline: 0;
+}
+
+[part="wrapper"]:focus::before {
+  pointer-events: none;
+  content: '';
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  border-radius: 0.125rem;
+  box-shadow: 0 0 0 3px var(--pg-search-focus-glow, rgb(79, 143, 249, 0.5));
+}
+
 canvas {
   touch-action: none;
   user-select: none;

src/pg/inputPixelEditor/inputPixelEditor.html

@@ -1 +1,3 @@
-<canvas part="canvas" tabindex="0" draggable="false"></canvas>
+<div part="wrapper" tabindex="0">
+  <canvas part="canvas" draggable="false"></canvas>
+</div>

src/pg/inputPixelEditor/inputPixelEditor.ts

@@ -436,7 +436,6 @@ export default class PgInputPixelEditor extends HTMLElement {
     this.#x = newX;
     this.#y = newY;
     const color = event.buttons === 32 ? 0 : 1;
-    console.log(this.#colors, this.#colors[color], event.buttons);
     switch (this.#inputMode) {
       case InputMode.Pixel:
         this.#setPixel(newX, newY, color);
@@ -576,7 +575,6 @@ export default class PgInputPixelEditor extends HTMLElement {
       // editing layer to main canvas
       this.#context.drawImage(this.#isEditing ? this.#editLayer : this.#noEditLayer, 0, 0);
     }
-    console.log('enter');
   }
 
   handlePointerLeave(event: MouseEvent) {
@@ -587,7 +585,6 @@ export default class PgInputPixelEditor extends HTMLElement {
       // editing layer to main canvas
       this.#context.drawImage(this.#isEditing ? this.#editLayer : this.#noEditLayer, 0, 0);
     }
-    console.log('leave');
   }
 
   #updateGrid() {

src/pg/tabs/tabs.css

@@ -58,6 +58,7 @@
 }
 
 [part="button"]:focus::before {
+  pointer-events: none;
   content: '';
   position: absolute;
   top: -1px;