fix(premiere-panel): reset native button chrome on icon buttons

UXP renders native <button> appearance (grey rounded fill) unless
appearance:none is set. .btn masked it with an explicit background,
but .rail-btn / .iconbtn use a transparent background, so the native
chrome showed through as grey blobs and suppressed the SVG icons.
Add appearance:none to both, matching the input/select reset.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Zac Gaetano 2026-05-28 20:32:30 -04:00
parent 6a161c7133
commit 8746d71af1

View file

@ -261,6 +261,8 @@ input[type="search"]::-webkit-search-cancel-button { display: none; }
height: 34px;
border: none;
background: transparent;
appearance: none;
-webkit-appearance: none;
border-radius: 8px;
color: var(--text-3);
display: flex;
@ -476,6 +478,8 @@ input[type="search"]::-webkit-search-cancel-button { display: none; }
flex-shrink: 0;
border: 1px solid transparent;
background: transparent;
appearance: none;
-webkit-appearance: none;
border-radius: 7px;
color: var(--text-2);
display: flex;