quine-global/hyper
1
0
Fork 0
mirror of https://github.com/quine-global/hyper.git synced 2026-01-13 04:28: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; position: relative;
left: 4px; left: 4px;
cursor: pointer; cursor: pointer;
opacity: 0.5; font-weight: 600;
color: currentColor; color: currentColor;
transition: opacity 0.1s ease-in-out; transition: font-weight 0.1s ease-in-out;
} }
.notification_dismissLink:hover, .notification_dismissLink:hover,
.notification_dismissLink:focus { .notification_dismissLink:focus {
opacity: 1; font-weight: 900;
} }
`}</style> `}</style>
</div> </div>

4
lib/components/notifications.tsx
View file

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