Manual stylelint fixes

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/Controls.vue

@@ -291,6 +291,8 @@ export default {
 
 <style lang="scss" scoped>
  .controls {
+ display: flex;
+
  .board-title {
  display: flex;
  align-items: center;
@@ -318,20 +320,12 @@ export default {
  }
 
  #app-navigation-toggle-custom {
+ position: static;
  width: 44px;
  height: 44px;
  cursor: pointer;
  opacity: 1;
  display: inline-block !important;
- position: fixed;
- }
-
- .controls {
- display: flex;
- }
-
- #app-navigation-toggle-custom {
- position: static;
  }
 
  .board-actions {

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;
- }
- }
- }
  }
 </style>

src/components/cards/AvatarList.vue

@@ -154,17 +154,16 @@ 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;
  opacity: .5;
  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;

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']
 }