hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix extension status-bar item default styles (#1578)

Browse Source 
* fix extension status-bar item default styles

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

* tweak padding

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2020-12-01 08:21:05 +02:00 committed by GitHub
parent f4fde80c21
commit 0d501ca3b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/components/cluster-manager/bottom-bar.scss
View File

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

2
src/renderer/components/cluster-manager/bottom-bar.tsx
View File

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