Moving notification icons to top (#1987)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev authored and GitHub committed 2021-01-19 17:19:01 +02:00
1 parent e318c59098
commit c561c2a9c6
2 files changed
+7 -3

No files matched your search

@@ -46,5 +46,9 @@
box-shadow: 0 0 20px $boxShadow; box-shadow: 0 0 20px $boxShadow;
} }
} }
.close {
margin-top: -2px;
}
} }
} }
@@ -74,14 +74,14 @@ export class Notifications extends React.Component {
return ( return (
<Animate key={id}> <Animate key={id}>
<div <div
className={cssNames("notification flex align-center", status)} className={cssNames("notification flex", status)}
onMouseLeave={() => addAutoHideTimer(notification)} onMouseLeave={() => addAutoHideTimer(notification)}
onMouseEnter={() => removeAutoHideTimer(notification)}> onMouseEnter={() => removeAutoHideTimer(notification)}>
<div className="box center"> <div className="box">
<Icon material="info_outline" /> <Icon material="info_outline" />
</div> </div>
<div className="message box grow">{msgText}</div> <div className="message box grow">{msgText}</div>
<div className="box center"> <div className="box">
<Icon <Icon
material="close" className="close" material="close" className="close"
onClick={prevDefault(() => { onClick={prevDefault(() => {