quine-global/hyper
1
0
Fork 0
mirror of https://github.com/quine-global/hyper.git synced 2026-01-12 20:18:41 -09:00
Code Issues Projects Releases Packages Wiki Activity Actions

Better notification dismiss button visibility

Browse source
This commit is contained in:
Labhansh Agrawal 2021-10-13 23:27:51 +05:30
parent 59c18a9eb1
commit db1721b7a2
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
lib/components/notification.tsx
View file

@ -99,14 +99,14 @@ export default class Notification extends React.PureComponent<NotificationProps,
position: relative;
left: 4px;
cursor: pointer;
opacity: 0.5;
font-weight: 600;
color: currentColor;
transition: opacity 0.1s ease-in-out;
transition: font-weight 0.1s ease-in-out;
}
.notification_dismissLink:hover,
.notification_dismissLink:focus {
opacity: 1;
font-weight: 900;
}
`}</style>
</div>

4
lib/components/notifications.tsx
View file

@ -38,10 +38,10 @@ export default class Notifications extends React.PureComponent<NotificationsProp
<Notification
key="message"
backgroundColor="#FE354E"
color="#fff"
text={this.props.messageText}
onDismiss={this.props.onDismissMessage}
userDismissable={this.props.messageDismissable}
userDismissColor="#AA2D3C"
>
{this.props.messageURL
? [
@ -58,7 +58,7 @@ export default class Notifications extends React.PureComponent<NotificationsProp
>
more
</a>,
')'
') '
]
: null}
</Notification>