fix(accounts): isolate action menu interactions
Stop double-click events on account action buttons before they reach editable table rows. Simplify the account menu heading to a single hoster and access-type label without empty identity separators, and cover both interaction and formatting paths.
This commit is contained in:
@@ -356,13 +356,14 @@ function AccountRow({
|
||||
aria-label={`${row.hoster} Aktionen`}
|
||||
className="settings-account-action-button"
|
||||
disabled={busy}
|
||||
onClick={(event) => {
|
||||
event.stopPropagation();
|
||||
const rect = event.currentTarget.getBoundingClientRect();
|
||||
actions.onContextMenu(row.id, rect.right, rect.bottom);
|
||||
}}
|
||||
type="button"
|
||||
>⋯</button>
|
||||
onClick={(event) => {
|
||||
event.stopPropagation();
|
||||
const rect = event.currentTarget.getBoundingClientRect();
|
||||
actions.onContextMenu(row.id, rect.right, rect.bottom);
|
||||
}}
|
||||
onDoubleClick={(event) => event.stopPropagation()}
|
||||
type="button"
|
||||
>⋯</button>
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -72,6 +72,10 @@ export function getAccountTableMinWidth(widths: AccountTableColumnWidths): numbe
|
||||
return 42 + 64 + ACCOUNT_TABLE_COLUMN_IDS.reduce((sum, id) => sum + widths[id], 0);
|
||||
}
|
||||
|
||||
export function formatAccountContextHeading(hoster: string, mode: string): string {
|
||||
return `${hoster} | ${mode}`;
|
||||
}
|
||||
|
||||
export function getSettingsSaveLabel(state: SettingsSaveState): string {
|
||||
switch (state) {
|
||||
case "dirty":
|
||||
|
||||
Reference in New Issue
Block a user