ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-03 04:38:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2518 from heygen-com/fix/studio-flat-input-affordance

Browse Source 
fix(studio): give flat-inspector value fields a resting-state input affordance
This commit is contained in:
Vance Ingalls
2026-07-15 21:24:13 -07:00
committed by GitHub
parent 399438b963 2b51c52634
commit a10e462d02
5 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/components/editor/propertyPanelFlatColorGradingSection.tsx
+2 -2
View File
@@ -377,7 +377,7 @@ export function FlatColorGradingSection({
track("select", "Custom LUT");
applyLut(src || null, src && lut?.src === src ? lut.intensity : 1);
}}
className="bg-transparent font-mono text-[10px] text-panel-text-3 outline-none"
className="border-b border-panel-border-input/50 bg-transparent font-mono text-[10px] text-panel-text-3 outline-none hover:border-panel-border-input"
>
<option value="">None</option>
{lutAssets.map((asset) => (
@@ -545,7 +545,7 @@ export function FlatColorGradingSection({
onSetApplyScope(e.target.value as "source-file" | "project");
}}
disabled={applyBusy}
className="bg-transparent font-mono text-[11px] text-panel-text-0 outline-none disabled:opacity-50"
className="border-b border-panel-border-input/50 bg-transparent font-mono text-[11px] text-panel-text-0 outline-none hover:border-panel-border-input disabled:opacity-50"
>
<option value="source-file">Current file media</option>
<option value="project">All project media</option>
packages/studio/src/components/editor/propertyPanelFlatMotionSection.tsx
+1 -1
View File
@@ -85,7 +85,7 @@ export function FlatTimingRow({
const cell = (label: string, value: string, onCommit: (next: string) => void) => (
<div className="grid gap-px">
<span className="text-[9px] text-panel-text-4">{label}</span>
<span className="border-b border-transparent font-mono text-[11px] text-panel-text-0 hover:border-panel-border-input">
<span className="border-b border-panel-border-input/50 font-mono text-[11px] text-panel-text-0 hover:border-panel-border-input">
<CommitField
value={value}
onCommit={(next) => {
packages/studio/src/components/editor/propertyPanelFlatPrimitives.tsx
+2 -2
View File
@@ -43,8 +43,8 @@ export function FlatRow({
data-flat-row-value="true"
className={`min-w-0 border-b pb-px font-mono text-[11px] ${VALUE_TIER_VALUE_CLASS[tier]} ${
tier === "explicitCustom"
? "border-transparent group-hover:border-panel-accent/35"
: "border-transparent group-hover:border-panel-border-input"
? "border-panel-accent/30 group-hover:border-panel-accent/70"
: "border-panel-border-input/50 group-hover:border-panel-border-input"
}`}
>
<CommitField
packages/studio/src/components/editor/propertyPanelFlatSelectRow.tsx
+7 -1
View File
@@ -53,7 +53,13 @@ export function FlatSelectRow({
<div className="group flex min-h-[30px] items-center justify-between">
<span className={`text-[11px] ${VALUE_TIER_LABEL_CLASS[tier]}`}>{label}</span>
<span className="flex items-center gap-2">
<label className="flex items-center gap-1.5">
<label
className={`flex items-center gap-1.5 border-b pb-px ${
tier === "explicitCustom"
? "border-panel-accent/30 group-hover:border-panel-accent/70"
: "border-panel-border-input/50 group-hover:border-panel-border-input"
}`}
>
<select
value={value}
disabled={disabled}
packages/studio/src/components/editor/propertyPanelFlatTextSection.tsx
+1 -1
View File
@@ -111,7 +111,7 @@ function FlatTextFieldEditor({
>
Weight
</span>
<label className="flex items-center gap-1.5">
<label className="flex items-center gap-1.5 border-b border-panel-border-input/50 pb-px hover:border-panel-border-input">
<select
value={weight}
onChange={(e) => {