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

make expanding icon smaller and not focusable

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2020-11-16 09:44:18 -05:00
parent e3193fe897
commit 3650dac09b
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/badge/badge.scss
View File

@ -27,8 +27,8 @@
transform: scaleX(-1);
position: absolute;
z-index: 1;
right: -10px;
bottom: -10px;
right: -6px;
bottom: -6px;
color: $textColorAccent;
background-color: $halfGray;
border-radius: 50%;

13
src/renderer/components/badge/badge.tsx
View File

@ -37,11 +37,14 @@ export class Badge extends React.Component<BadgeProps> {
return null
}
if (this.isExpanded) {
return <Icon className="expansionIcon" size={20} material="close_fullscreen" onClick={this.onClick} />
}
return <Icon className="expansionIcon" size={20} material="open_in_full" onClick={this.onClick} />
const material = this.isExpanded ? "close_fullscreen" : "open_in_full"
return <Icon
className="expansionIcon"
size={12}
material={material}
focusable={false}
onClick={this.onClick}
/>
}
render() {

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

@ -132,4 +132,4 @@
@extend .active;
}
}
}
}