Fix color picker z-index and minimap tooltip overflow

- Color picker: switched to position:fixed + JS-computed right/bottom from
  getBoundingClientRect() so it renders above the minimap's colored lines
  (backdrop-filter on .bottom-panel was creating a scoped stacking context)
- Minimap tooltip: width:max-content + white-space:nowrap so large line
  numbers like "Line 250,249" are never clipped

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ozgesolidkey

src/renderer/renderer.ts

@@ -5201,7 +5201,7 @@ function applyPanelBgColor(color: string): void {
 }
 
 function initBottomPanelColorPicker(): void {
-  const btn = document.getElementById('btn-panel-color');
+  const btn = document.getElementById('btn-panel-color') as HTMLElement;
   const picker = document.getElementById('panel-color-picker') as HTMLElement;
   const canvas = document.getElementById('panel-color-wheel') as HTMLCanvasElement;
   const resetBtn = document.getElementById('btn-panel-color-reset');
@@ -5219,6 +5219,10 @@ function initBottomPanelColorPicker(): void {
   function openPicker(): void {
     isOpen = true;
     picker.classList.remove('hidden');
+    // Position above the button using fixed coords (avoids stacking context issues)
+    const r = btn.getBoundingClientRect();
+    picker.style.right = `${window.innerWidth - r.right}px`;
+    picker.style.bottom = `${window.innerHeight - r.top + 4}px`;
   }
   function closePicker(): void {
     isOpen = false;

src/renderer/styles.css

@@ -3110,19 +3110,19 @@ body.platform-darwin .titlebar {
 /* Line-number tooltip */
 .minimap-tooltip {
   position: absolute;
-  left: 8px;
-  right: 2px;
+  right: 2px;          /* anchored to right edge of minimap */
+  width: max-content;  /* grows left to fit the text */
   height: 16px;
   line-height: 16px;
+  padding: 0 5px;
   text-align: center;
-  background: rgba(10, 14, 20, 0.82);
-  color: rgba(255, 255, 255, 0.88);
+  background: rgba(10, 14, 20, 0.88);
+  color: rgba(255, 255, 255, 0.92);
   font-size: 10px;
   font-family: var(--font-mono, monospace);
   pointer-events: none;
   z-index: 20;
   border-radius: 2px;
-  overflow: hidden;
   white-space: nowrap;
 }
 .minimap-tooltip.hidden { display: none; }
@@ -4047,10 +4047,8 @@ kbd {
 }
 
 .panel-color-picker {
-  position: absolute;
-  bottom: 100%;
-  right: 40px;
-  z-index: 200;
+  position: fixed; /* root stacking context — above minimap, above everything */
+  z-index: 10000;
   background: var(--bg-secondary, #252526);
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 10px;