1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Adding hover effect to catalog details icons

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-17 10:28:28 +03:00
parent 0feb7cedae
commit 8f18c2cd1d

View File

@ -87,6 +87,7 @@ export class CatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Comp
items.push( items.push(
<MenuItem key={menuItem.title} onClick={() => this.onMenuItemClick(menuItem)}> <MenuItem key={menuItem.title} onClick={() => this.onMenuItemClick(menuItem)}>
<Icon <Icon
interactive
tooltip={menuItem.title} tooltip={menuItem.title}
{...{ [key]: menuItem.icon }} {...{ [key]: menuItem.icon }}
/> />
@ -98,8 +99,8 @@ export class CatalogEntityDrawerMenu<T extends CatalogEntity> extends React.Comp
<HotbarToggleMenuItem <HotbarToggleMenuItem
key="hotbar-toggle" key="hotbar-toggle"
entity={entity} entity={entity}
addContent={<Icon material="push_pin" small tooltip="Add to Hotbar"/>} addContent={<Icon material="push_pin" interactive small tooltip="Add to Hotbar"/>}
removeContent={<Icon svg="push_off" small tooltip="Remove from Hotbar"/>} removeContent={<Icon svg="push_off" interactive small tooltip="Remove from Hotbar"/>}
/>, />,
); );