mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Moving notification icons to top (#1987)
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
parent
e318c59098
commit
c561c2a9c6
@ -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(() => {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user