diff --git a/package.json b/package.json index c2ae010b..a00681b8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@soramitsu/soramitsu-js-ui", - "version": "0.6.9", + "version": "0.7.0", "private": false, "publishConfig": { "registry": "https://nexus.iroha.tech/repository/npm-soramitsu-private/" diff --git a/src/components/Icon/SIcon.vue b/src/components/Icon/SIcon.vue index 89244937..35aeaed9 100644 --- a/src/components/Icon/SIcon.vue +++ b/src/components/Icon/SIcon.vue @@ -32,6 +32,10 @@ export default class SIcon extends Vue { if (this.name.startsWith('el-icon')) { return this.name } + // Check loading state of icons font + if (!((document || {}) as any).fonts.check('1em soramitsu-icons')) { + return '' + } if (!(Object.values(Icons) as Array).includes(this.name)) { console.warn(`'${this.name}' was not found`) return '' diff --git a/src/styles/menu.scss b/src/styles/menu.scss index 7054369f..0dc20b28 100644 --- a/src/styles/menu.scss +++ b/src/styles/menu.scss @@ -37,6 +37,8 @@ $margin-bottom-menu-item: 8px; } .el-menu-item { align-items: center; + user-select: none; + -webkit-user-select: none; &:not(.is-disabled):hover, &.is-active { background-color: var(--s-menu-color-hover) !important; @@ -60,6 +62,8 @@ $margin-bottom-menu-item: 8px; margin-bottom: $margin-bottom-menu-item; } .el-submenu { + user-select: none; + -webkit-user-select: none; .el-menu-item { min-width: 0; }