mirror of
https://github.com/Qortal/qortal-ui.git
synced 2025-02-11 17:55:51 +00:00
icon changes
This commit is contained in:
parent
547671cc35
commit
8bbd7c661e
@ -1178,7 +1178,8 @@
|
||||
"explanation": "Your transaction is getting confirmed. To track its progress, click on the bell icon.",
|
||||
"status1": "Fully synced",
|
||||
"status2": "Not synced",
|
||||
"notify3": "No notifications"
|
||||
"notify3": "No notifications",
|
||||
"notify4": "Tx notifications"
|
||||
},
|
||||
"friends": {
|
||||
"friend1": "Add name",
|
||||
|
@ -58,7 +58,7 @@ stateChanged(state) {
|
||||
render() {
|
||||
return html`
|
||||
<mwc-icon id="icon" style="color: ${this.nodeStatus.syncPercent === 100 ? 'green': 'red'};user-select:none;margin-right:20px"
|
||||
>wifi</mwc-icon
|
||||
>lightbulb</mwc-icon
|
||||
>
|
||||
<vaadin-tooltip
|
||||
for="icon"
|
||||
|
@ -111,15 +111,30 @@ class NotificationBellGeneral extends connect(store)(LitElement) {
|
||||
>
|
||||
${hasOngoing
|
||||
? html`
|
||||
<mwc-icon style="color: green;cursor:pointer;user-select:none"
|
||||
<mwc-icon id="notification-general-icon" style="color: green;cursor:pointer;user-select:none"
|
||||
>notifications</mwc-icon
|
||||
>
|
||||
<vaadin-tooltip
|
||||
for="notification-general-icon"
|
||||
position="bottom"
|
||||
hover-delay=${400}
|
||||
hide-delay=${1}
|
||||
text=${get('notifications.notify4')}>
|
||||
</vaadin-tooltip>
|
||||
`
|
||||
: html`
|
||||
<mwc-icon
|
||||
id="notification-general-icon"
|
||||
style="color: var(--black); cursor:pointer;user-select:none"
|
||||
>notifications</mwc-icon
|
||||
>
|
||||
<vaadin-tooltip
|
||||
for="notification-general-icon"
|
||||
position="bottom"
|
||||
hover-delay=${400}
|
||||
hide-delay=${1}
|
||||
text=${get('notifications.notify4')}>
|
||||
</vaadin-tooltip>
|
||||
`}
|
||||
</div>
|
||||
${hasOngoing
|
||||
|
@ -8,6 +8,8 @@ import '@polymer/iron-icons/iron-icons.js'
|
||||
import { store } from '../../store.js'
|
||||
import { setNewTab } from '../../redux/app/app-actions.js'
|
||||
import { routes } from '../../plugins/routes.js'
|
||||
import '@material/mwc-icon';
|
||||
|
||||
import config from '../../notifications/config.js'
|
||||
import '../../../../plugins/plugins/core/components/TimeAgo.js'
|
||||
|
||||
@ -138,11 +140,29 @@ class NotificationBell extends connect(store)(LitElement) {
|
||||
return html`
|
||||
<div class="layout">
|
||||
${this.notificationCount ? html`
|
||||
<paper-icon-button style="color: green;" icon="icons:mail" @click=${() => this._toggleNotifications()} title="Q-Mail"></paper-icon-button>
|
||||
<mwc-icon @click=${() => this._toggleNotifications()} id="notification-mail-icon" style="color: green;cursor:pointer;user-select:none"
|
||||
>mail</mwc-icon
|
||||
>
|
||||
<vaadin-tooltip
|
||||
for="notification-mail-icon"
|
||||
position="bottom"
|
||||
hover-delay=${400}
|
||||
hide-delay=${1}
|
||||
text="Q-Mail">
|
||||
</vaadin-tooltip>
|
||||
|
||||
` : html`
|
||||
<paper-icon-button icon="icons:mail" @click=${() => {
|
||||
this._openTabQmail()
|
||||
}} title="Q-Mail"></paper-icon-button>
|
||||
<mwc-icon @click=${() => this._openTabQmail()} id="notification-mail-icon" style="color: var(--black); cursor:pointer;user-select:none"
|
||||
>mail</mwc-icon
|
||||
>
|
||||
<vaadin-tooltip
|
||||
for="notification-mail-icon"
|
||||
position="bottom"
|
||||
hover-delay=${400}
|
||||
hide-delay=${1}
|
||||
text="Q-Mail">
|
||||
</vaadin-tooltip>
|
||||
|
||||
`}
|
||||
|
||||
${this.notificationCount ? html`
|
||||
|
Loading…
x
Reference in New Issue
Block a user