4
1
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:
PhilReact 2023-10-21 14:55:44 +03:00
parent 547671cc35
commit 8bbd7c661e
4 changed files with 43 additions and 7 deletions

View File

@ -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",

View File

@ -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"

View File

@ -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

View File

@ -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`