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 Notifications blocking items not visually under them from being interacted with (#915)

Browse Source 
* fix Notifications blocking items not visually under them from being interacted with

Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2020-09-21 14:47:44 -04:00 committed by GitHub
parent 78ab6f016b
commit 9a10db837e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/dock/info-panel.tsx
View File

@ -62,14 +62,13 @@ export class InfoPanel extends Component<Props> {
this.error = ""; this.error = "";
this.waiting = true; this.waiting = true;
try { try {
this.result = await this.props.submit().finally(() => { this.result = await this.props.submit()
this.waiting = false;
});
if (showNotifications) Notifications.ok(this.result); if (showNotifications) Notifications.ok(this.result);
} catch (error) { } catch (error) {
this.error = error.toString(); this.error = error.toString();
if (showNotifications) Notifications.error(this.error); if (showNotifications) Notifications.error(this.error);
throw error; } finally {
this.waiting = false
} }
} }
@ -91,7 +90,8 @@ export class InfoPanel extends Component<Props> {
<> <>
{result && ( {result && (
<div className="success flex align-center"> <div className="success flex align-center">
<Icon material="done"/> <span>{result}</span> <Icon material="done" />
<span>{result}</span>
</div> </div>
)} )}
{errorInfo && ( {errorInfo && (

3
src/renderer/components/notifications/notifications.scss
View File

@ -3,10 +3,11 @@
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; top: 0;
padding: $padding * 2; padding: $padding * 2;
max-height: 100vh; max-height: 100vh;
z-index: 100000; z-index: 100000;
height: min-content!important;
&:empty { &:empty {
display: none; display: none;