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

Fixing cluster icon badge overflow (#749)

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-08-27 08:42:18 +03:00 committed by GitHub
parent 510d3d4760
commit c31004e677
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/cluster-icon/cluster-icon.scss
View File

@ -30,7 +30,7 @@
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
margin: -$padding * 1.5; margin: -$padding;
font-size: $font-size-small; font-size: $font-size-small;
background: $colorError; background: $colorError;
color: white; color: white;

4
src/renderer/components/cluster-manager/clusters-menu.scss
View File

@ -3,9 +3,9 @@
position: relative; position: relative;
text-align: center; text-align: center;
padding: $spacing;
background: $clusterMenuBackground; background: $clusterMenuBackground;
border-right: 1px solid $clusterMenuBorderColor; border-right: 1px solid $clusterMenuBorderColor;
padding-bottom: $spacing;
.is-mac & { .is-mac & {
padding-top: $spacing * 2; padding-top: $spacing * 2;
@ -49,11 +49,11 @@
.clusters { .clusters {
@include hidden-scrollbar; @include hidden-scrollbar;
padding: 0 $spacing $spacing;
} }
> .add-cluster { > .add-cluster {
position: relative; position: relative;
margin-top: $padding;
min-width: 43px; min-width: 43px;
.Icon { .Icon {

2
src/renderer/components/cluster-manager/clusters-menu.tsx
View File

@ -97,7 +97,7 @@ export class ClustersMenu extends React.Component<Props> {
const showStartupHint = this.showHint && isLanding && noClustersInScope; const showStartupHint = this.showHint && isLanding && noClustersInScope;
return ( return (
<div <div
className={cssNames("ClustersMenu flex column gaps", className)} className={cssNames("ClustersMenu flex column", className)}
onMouseEnter={() => this.showHint = false} onMouseEnter={() => this.showHint = false}
> >
{showStartupHint && ( {showStartupHint && (