diff --git a/src/components/Controls.vue b/src/components/Controls.vue index f134896bb..f5db0d01b 100644 --- a/src/components/Controls.vue +++ b/src/components/Controls.vue @@ -291,6 +291,8 @@ export default { diff --git a/src/components/board/DeletedTabSidebar.vue b/src/components/board/DeletedTabSidebar.vue index 9cae68061..fc4cc82d4 100644 --- a/src/components/board/DeletedTabSidebar.vue +++ b/src/components/board/DeletedTabSidebar.vue @@ -89,6 +89,12 @@ export default { li { display: flex; height: 44px; + + &:hover, &:active, &.focus { + button { + opacity: 1; + } + } } span { @@ -119,12 +125,5 @@ export default { background-color: transparent; opacity: 0.5; } - li { - &:hover, &:active, &.focus { - button { - opacity: 1; - } - } - } } diff --git a/src/components/cards/AvatarList.vue b/src/components/cards/AvatarList.vue index 29d120202..d54027273 100644 --- a/src/components/cards/AvatarList.vue +++ b/src/components/cards/AvatarList.vue @@ -154,6 +154,9 @@ export default { width: 36px; height: 36px; box-sizing: content-box !important; + margin-right: -12px; + transition: margin-right 0.2s ease-in-out; + &.icon-more { width: 32px; height: 32px; @@ -161,10 +164,6 @@ export default { background-color: var(--color-background-dark) !important; cursor: pointer; } - & { - margin-right: -12px; - transition: margin-right 0.2s ease-in-out; - } } &:hover div:nth-child(n+2) /deep/ .avatardiv { margin-right: 1px; diff --git a/stylelint.config.js b/stylelint.config.js index b9937526d..d68fda184 100644 --- a/stylelint.config.js +++ b/stylelint.config.js @@ -20,7 +20,13 @@ module.exports = { 'selector-type-case': null, 'selector-list-comma-newline-after': null, 'no-descending-specificity': null, - 'string-quotes': 'single' + 'string-quotes': 'single', + 'selector-pseudo-element-no-unknown': [ + true, + { + ignorePseudoElements: ['v-deep'] + } + ] }, plugins: ['stylelint-scss'] }