mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2024-11-25 15:06:55 +00:00
Border has been added to distinguish clear notifications from text (#1750)
This commit is contained in:
parent
5d4e9d82bb
commit
0039adf1c2
@ -162,6 +162,7 @@ export class NotificationConsoleComponent extends React.Component<
|
|||||||
role="button"
|
role="button"
|
||||||
onKeyDown={(event: React.KeyboardEvent<HTMLSpanElement>) => this.onClearNotificationsKeyPress(event)}
|
onKeyDown={(event: React.KeyboardEvent<HTMLSpanElement>) => this.onClearNotificationsKeyPress(event)}
|
||||||
tabIndex={0}
|
tabIndex={0}
|
||||||
|
style={{ border: "1px solid black", borderRadius: "2px" }}
|
||||||
>
|
>
|
||||||
<img src={ClearIcon} alt="clear notifications image" />
|
<img src={ClearIcon} alt="clear notifications image" />
|
||||||
Clear Notifications
|
Clear Notifications
|
||||||
|
@ -146,6 +146,12 @@ exports[`NotificationConsoleComponent renders the console 1`] = `
|
|||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
onKeyDown={[Function]}
|
onKeyDown={[Function]}
|
||||||
role="button"
|
role="button"
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"border": "1px solid black",
|
||||||
|
"borderRadius": "2px",
|
||||||
|
}
|
||||||
|
}
|
||||||
tabIndex={0}
|
tabIndex={0}
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
@ -311,6 +317,12 @@ exports[`NotificationConsoleComponent renders the console 2`] = `
|
|||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
onKeyDown={[Function]}
|
onKeyDown={[Function]}
|
||||||
role="button"
|
role="button"
|
||||||
|
style={
|
||||||
|
Object {
|
||||||
|
"border": "1px solid black",
|
||||||
|
"borderRadius": "2px",
|
||||||
|
}
|
||||||
|
}
|
||||||
tabIndex={0}
|
tabIndex={0}
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
|
Loading…
Reference in New Issue
Block a user