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