[chrome] miscellaneous minor tweaks (#70)

Author: bomberfish

packages/chrome/src/components/Omnibar/UrlInput.tsx

@@ -139,6 +139,10 @@ UrlInput.style = css`
 		padding-right: 0.25em;
 	}
 
+	:global(.ui-compact) :scope :is(.inactiveurl, .placeholder, input) {
+		font-size: 0.9rem;
+	}
+
 	input,
 	.inactiveurl,
 	.placeholder {

packages/chrome/src/components/TabStrip/DragTab.tsx

@@ -212,8 +212,7 @@ DragTab.style = css`
 		overflow: hidden;
 		white-space: nowrap;
 		text-overflow: ellipsis;
-		display: flex;
-		align-items: center;
+		text-box-trim: trim-both;
 		line-height: var(--tab-height);
 	}
 	.main .close > * {

packages/chrome/src/proxy/contextitems.ts

@@ -41,6 +41,14 @@ export function pageContextItems(
 					navigator.clipboard.writeText(selection.toString());
 				},
 			},
+			{
+				label: "Inspect",
+				action: () => {
+					tab.devtoolsOpen = true;
+					// if (e.target) requestInspectElement([e.target as HTMLElement, tab]);
+				},
+				icon: iconCode,
+			},
 		];
 	}
 
@@ -74,6 +82,14 @@ export function pageContextItems(
 					// TODO
 				},
 			},
+			{
+				label: "Inspect",
+				action: () => {
+					tab.devtoolsOpen = true;
+					// if (e.target) requestInspectElement([e.target as HTMLElement, tab]);
+				},
+				icon: iconCode,
+			},
 		];
 	} else if (anchor) {
 		return [
@@ -109,6 +125,14 @@ export function pageContextItems(
 				},
 				icon: iconSave,
 			},
+			{
+				label: "Inspect",
+				action: () => {
+					tab.devtoolsOpen = true;
+					// if (e.target) requestInspectElement([e.target as HTMLElement, tab]);
+				},
+				icon: iconCode,
+			},
 		];
 	}
 

packages/chrome/src/proxy/scramjet.ts

@@ -131,7 +131,6 @@ class ProxyFrameContext {
 				},
 				contextmenu: async (msg) => {
 					if (!tab) return;
-
 					let offX = 0;
 					let offY = 0;
 					let { x, y } = tab!.frame.frame.getBoundingClientRect();