jeans/arduino-ide
jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-07-26 04:36:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Retain installation interface using version menu (#1471)

Browse Source
This commit is contained in:
Francesco Spissu 2022-10-13 12:05:29 +02:00 committed by GitHub
parent bc264d1adf
commit f3ef95cfe2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
arduino-ide-extension/src/browser/style/list-widget.css
View File

@ -133,7 +133,7 @@
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.component-list-item:hover .footer > * { .component-list-item .footer > * {
display: inline-block; display: inline-block;
margin: 5px 0px 0px 10px; margin: 5px 0px 0px 10px;
} }
@ -162,4 +162,4 @@
.hc-black.hc-theia.theia-hc .component-list-item .header .installed:before { .hc-black.hc-theia.theia-hc .component-list-item .header .installed:before {
border: 1px solid var(--theia-button-border); border: 1px solid var(--theia-button-border);
} }

9
arduino-ide-extension/src/browser/widgets/component-list/component-list-item.tsx
View File

@ -15,6 +15,7 @@ export class ComponentListItem<
this.state = { this.state = {
selectedVersion: version, selectedVersion: version,
focus: false, focus: false,
versionUpdate: false,
}; };
} }
} }
@ -33,7 +34,9 @@ export class ComponentListItem<
return ( return (
<div <div
onMouseEnter={() => this.setState({ focus: true })} onMouseEnter={() => this.setState({ focus: true })}
onMouseLeave={() => this.setState({ focus: false })} onMouseLeave={() => {
if (!this.state.versionUpdate) this.setState({ focus: false });
}}
> >
{itemRenderer.renderItem( {itemRenderer.renderItem(
Object.assign(this.state, { item }), Object.assign(this.state, { item }),
@ -52,6 +55,7 @@ export class ComponentListItem<
)[0]; )[0];
this.setState({ this.setState({
selectedVersion: version, selectedVersion: version,
versionUpdate: false,
}); });
try { try {
await this.props.install(item, toInstall); await this.props.install(item, toInstall);
@ -67,7 +71,7 @@ export class ComponentListItem<
} }
private onVersionChange(version: Installable.Version): void { private onVersionChange(version: Installable.Version): void {
this.setState({ selectedVersion: version }); this.setState({ selectedVersion: version, versionUpdate: true });
} }
} }
@ -83,5 +87,6 @@ export namespace ComponentListItem {
export interface State { export interface State {
selectedVersion?: Installable.Version; selectedVersion?: Installable.Version;
focus: boolean; focus: boolean;
versionUpdate: boolean;
} }
} }