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

fix extension status-bar item default styles

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2020-11-30 16:45:50 +02:00
parent 30fa68ba1f
commit 2b81fd419a
2 changed files with 12 additions and 1 deletions

View File

@ -17,4 +17,15 @@
cursor: pointer;
}
}
.extensions {
font-size: var(--font-size-small);
color: white;
.item {
&:hover {
background-color: #ffffff33;
cursor: pointer;
}
}
}
}

View File

@ -23,7 +23,7 @@ export class BottomBar extends React.Component {
<div className="extensions box grow flex gaps justify-flex-end">
{statusBarRegistry.getItems().map(({ item }, index) => {
if (!item) return;
return <React.Fragment key={index}>{item}</React.Fragment>;
return <div className="flex align-center gaps item" key={index}>{item}</div>;
})}
</div>
</div>