diff --git a/src/modules/ui/directives/avatar/Avatar.js b/src/modules/ui/directives/avatar/Avatar.js index 3474841987..ff92ec6b12 100644 --- a/src/modules/ui/directives/avatar/Avatar.js +++ b/src/modules/ui/directives/avatar/Avatar.js @@ -39,8 +39,7 @@ this.style = { width: `${this.size}px`, height: `${this.size}px` }; this.receive(user.changeScript, () => { - this.hasScript = user.hasScript(); - $scope.$apply(); + this.$onChanges(); }); } diff --git a/src/modules/ui/directives/avatar/less/avatar-active.less b/src/modules/ui/directives/avatar/less/avatar-active.less new file mode 100644 index 0000000000..e098846da7 --- /dev/null +++ b/src/modules/ui/directives/avatar/less/avatar-active.less @@ -0,0 +1,18 @@ +@import (reference) 'icons'; +@import (reference) 'config'; + +.avatar_active { + .avatar { + &__img { + transform: scale(1.25); + box-shadow: 0 0 0 4px #fff, 0 4px 18px 0 rgba(30, 41, 73, 0.15); + } + } + + &.avatar { + .avatar__wrap { + cursor: default; + opacity: 1; + } + } +} \ No newline at end of file diff --git a/src/modules/ui/directives/avatar/less/avatar.active.less b/src/modules/ui/directives/avatar/less/avatar.active.less deleted file mode 100644 index d7b59374f1..0000000000 --- a/src/modules/ui/directives/avatar/less/avatar.active.less +++ /dev/null @@ -1,33 +0,0 @@ -@import (reference) 'icons'; -@import (reference) 'config'; - -.avatar_active { - .avatar { - &__img { - transform: scale(1.25); - box-shadow: 0 0 0 4px #fff, 0 4px 18px 0 rgba(30, 41, 73, 0.15); - } - - - &[type='ledger'] .avatar__wrap:not(.scripted)::after { - bottom: 3px; - left: calc(100% ~'- 18px'); - } - } - - &.avatar { - .avatar__wrap { - cursor: default; - opacity: 1; - } - } -} - -@media screen and (max-width: 480px) { - .avatar_active { - .avatar[type='ledger'] .avatar__wrap:not(.scripted)::after { - bottom: 8px; - left: calc(100% ~'- 23px'); - } - } -} \ No newline at end of file diff --git a/src/modules/ui/directives/avatar/less/avatar.less b/src/modules/ui/directives/avatar/less/avatar.less index 0d14447525..fc3c15a6a4 100644 --- a/src/modules/ui/directives/avatar/less/avatar.less +++ b/src/modules/ui/directives/avatar/less/avatar.less @@ -63,12 +63,6 @@ } } - &[type='ledger'] .avatar__wrap:not(.scripted)::after { - bottom: 8px; - left: calc(100% ~'- 23px'); - transition: left 0.3s, bottom 0.3s; - } - &__wrapper { // .avatar__wrapper display: flex; align-items: center; @@ -81,11 +75,4 @@ opacity: 1; } } -} - -@media screen and (max-width: 480px) { - .avatar[type='ledger'] .avatar__wrap:not(.scripted)::after { - bottom: 13px; - left: calc(100% ~'- 28px'); - } } \ No newline at end of file diff --git a/src/modules/ui/directives/avatar/less/avatars-list.less b/src/modules/ui/directives/avatar/less/avatars-list.less new file mode 100644 index 0000000000..f3c8bc6e62 --- /dev/null +++ b/src/modules/ui/directives/avatar/less/avatars-list.less @@ -0,0 +1,37 @@ +@import (reference) 'icons'; +@import (reference) 'config'; + +.avatars-list { + .avatar[type='ledger'] { + .avatar__wrap:not(.scripted)::after { + bottom: 8px; + left: calc(100% ~'- 23px'); + transition: left 0.3s, bottom 0.3s; + } + + &.avatar_active { + .avatar__wrap:not(.scripted)::after { + bottom: 3px; + left: calc(100% ~'- 18px'); + } + } + } +} + +@media screen and (max-width: 480px) { + .avatars-list { + .avatar[type='ledger'] { + .avatar__wrap:not(.scripted)::after { + bottom: 13px; + left: calc(100% ~'- 28px'); + } + + &.avatar_active { + .avatar__wrap:not(.scripted)::after { + bottom: 8px; + left: calc(100% ~'- 23px'); + } + } + } + } +} \ No newline at end of file diff --git a/src/modules/ui/directives/mainHeader/templates/mobileHeader.html b/src/modules/ui/directives/mainHeader/templates/mobileHeader.html index c8473a8e46..ab9a3643b5 100644 --- a/src/modules/ui/directives/mainHeader/templates/mobileHeader.html +++ b/src/modules/ui/directives/mainHeader/templates/mobileHeader.html @@ -71,7 +71,7 @@
- +