fix: all violations off scss/double-slash-comment-whitespace-inside

johannesjo · Dec 17, 2024 · f0aab20 · f0aab20
1 parent 524fb5b
commit f0aab20
Show file tree

Hide file tree

Showing 73 changed files with 474 additions and 441 deletions.
diff --git a/src/_variables.scss b/src/_variables.scss
@@ -8,28 +8,28 @@ $card-border-radius: 4px;
 
 // COLORS
 // ------
-//| elevation | overlay |   hex   |
-//| --------- | ------- | ------- |
-//|   00dp    |    0%   | #121212 |
-//|   01dp    |    5%   | #1e1e1e |
-//|   02dp    |    7%   | #222222 |
-//|   03dp    |    8%   | #242424 |
-//|   04dp    |    9%   | #272727 |
-//|   06dp    |   11%   | #2c2c2c |
-//|   08dp    |   12%   | #2e2e2e |
-//|   12dp    |   14%   | #333333 |
-//|   16dp    |   15%   | #343434 |
-//|   24dp    |   16%   | #383838 |
-//$dark0: #121212;
-//$dark1: #1e1e1e;
-//$dark2: #222222;
-//$dark3: #242424;
-//$dark4: #272727;
-//$dark6: #2c2c2c;
-//$dark8: #2e2e2e;
-//$dark12: #333333;
-//$dark16: #343434;
-//$dark24: #383838;
+// | elevation | overlay |   hex   |
+// | --------- | ------- | ------- |
+// |   00dp    |    0%   | #121212 |
+// |   01dp    |    5%   | #1e1e1e |
+// |   02dp    |    7%   | #222222 |
+// |   03dp    |    8%   | #242424 |
+// |   04dp    |    9%   | #272727 |
+// |   06dp    |   11%   | #2c2c2c |
+// |   08dp    |   12%   | #2e2e2e |
+// |   12dp    |   14%   | #333333 |
+// |   16dp    |   15%   | #343434 |
+// |   24dp    |   16%   | #383838 |
+// $dark0: #121212;
+// $dark1: #1e1e1e;
+// $dark2: #222222;
+// $dark3: #242424;
+// $dark4: #272727;
+// $dark6: #2c2c2c;
+// $dark8: #2e2e2e;
+// $dark12: #333333;
+// $dark16: #343434;
+// $dark24: #383838;
 $dark0: rgb(18, 18, 18);
 $dark1: rgb(30, 30, 30);
 $dark2: rgb(34, 34, 34);
@@ -54,7 +54,7 @@ $dark-theme-bg-super-light: #616161;
 $dark-theme-card-bg: $dark2;
 $dark-theme-sidebar-bg: $dark8;
 
-//$light-theme-bg: rgb(250, 250, 250);
+// $light-theme-bg: rgb(250, 250, 250);
 $light-theme-bg: #f8f8f7;
 $light-theme-bg-darker: rgb(235, 235, 235);
 $light-theme-bg-drag-col: rgb(242, 242, 242);
@@ -118,7 +118,7 @@ $component-max-width: 800px;
 $side-nav-width-switch-l: 1500px;
 $side-nav-width: 200px;
 $side-nav-width-l: $side-nav-width * 2;
-//$main-header-height: $s*7;
+// $main-header-height: $s*7;
 
 $bar-height-large: 56px;
 $bar-height: 48px;

diff --git a/src/app/core-ui/global-progress-bar/global-progress-bar.component.scss b/src/app/core-ui/global-progress-bar/global-progress-bar.component.scss
@@ -18,12 +18,12 @@
 .badge {
   background: inherit;
   display: inline-block;
-  //position: absolute;
-  //bottom: 3px;
-  //left: 0;
-  //left: 50%;
-  //transform: translateX(-50%);
-  //z-index: 9998;
+  // position: absolute;
+  // bottom: 3px;
+  // left: 0;
+  // left: 50%;
+  // transform: translateX(-50%);
+  // z-index: 9998;
   pointer-events: none;
   padding: 4px 8px;
   padding-left: 8px;

diff --git a/src/app/core-ui/main-header/main-header.component.scss b/src/app/core-ui/main-header/main-header.component.scss
@@ -40,7 +40,7 @@ $macExtraPadding: (-8px + $mac-title-bar-padding);
   flex-wrap: nowrap;
   align-items: center;
   padding: $navVerticalPadding $mobileHorizontalPadding;
-  //flex-wrap: wrap;
+  // flex-wrap: wrap;
   min-height: $bar-height-large;
 
   @include mq(xs) {
@@ -50,11 +50,11 @@ $macExtraPadding: (-8px + $mac-title-bar-padding);
 }
 
 .current-work-context-title {
-  //font-weight: bold;
+  // font-weight: bold;
   font-size: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
-  //flex-grow: 1;
+  // flex-grow: 1;
   white-space: nowrap;
   max-width: 100%;
   cursor: pointer;
@@ -380,12 +380,12 @@ simple-counter-button {
 
     @include lightTheme() {
       background: $light-theme-selected-task-bg-color;
-      //border-color: rgba(0, 0, 0, 0.12);
+      // border-color: rgba(0, 0, 0, 0.12);
     }
 
     @include darkTheme() {
       background: $dark8;
-      //border-color: $dark-theme-extra-border-color;
+      // border-color: $dark-theme-extra-border-color;
     }
   }
 

diff --git a/src/app/core-ui/side-nav/side-nav.component.scss b/src/app/core-ui/side-nav/side-nav.component.scss
@@ -167,7 +167,7 @@ section {
 
   > mat-icon:last-of-type {
     margin-right: 0;
-    //margin-left: -10px;
+    // margin-left: -10px;
     opacity: 0.4;
     transition: $transition-standard;
   }

diff --git a/src/app/core/snack/snack-custom/snack-custom.component.scss b/src/app/core/snack/snack-custom/snack-custom.component.scss
@@ -9,14 +9,14 @@
   align-items: center;
   justify-content: stretch;
   min-height: 48px;
-  //background: inherit;
+  // background: inherit;
 }
 
 .snack-icon {
   margin-right: $s * 2;
   position: relative;
   z-index: 2;
-  //background: inherit;
+  // background: inherit;
 
   .success & {
     color: $success-green;

diff --git a/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss b/src/app/features/bookmark/bookmark-bar/bookmark-bar.component.scss
@@ -10,7 +10,7 @@ $bookmarkMinWidth: 56px;
 
 :host {
   display: block;
-  //@include mat-css-color-and-contrast(800);
+  // @include mat-css-color-and-contrast(800);
   .list-controls > button,
   .global-bookmark a {
     background: transparent;
@@ -19,7 +19,7 @@ $bookmarkMinWidth: 56px;
 
 .global-bookmark-list-outer {
   padding-bottom: $sTopBottom;
-  //box-shadow: $whiteframe-shadow-3dp;
+  // box-shadow: $whiteframe-shadow-3dp;
 }
 
 .controls-and-list-wrapper {
@@ -165,7 +165,7 @@ $bookmarkMinWidth: 56px;
     border-radius: 0;
     flex-grow: 1;
     transition: $transition-duration-s;
-    //border-radius: 0;
+    // border-radius: 0;
     margin: 0;
     padding: 0;
     min-height: 0;

diff --git a/src/app/features/config/config-section/config-section.component.scss b/src/app/features/config/config-section/config-section.component.scss
@@ -37,11 +37,11 @@ $this-panel-padding-left-right: 12px;
   padding: 10px $this-panel-padding-left-right;
 }
 
-:host ::ng-deep .collapsible-expand-icon {
-}
+// :host ::ng-deep .collapsible-expand-icon {
+// }
 
 :host ::ng-deep .collapsible-panel {
-  //border-top: 1px solid black;
+  // border-top: 1px solid black;
   overflow: visible;
 
   > * {

diff --git a/src/app/features/config/config-sound-form/config-sound-form.component.scss b/src/app/features/config/config-sound-form/config-sound-form.component.scss
@@ -26,11 +26,11 @@ $this-panel-padding-left-right: 12px;
   padding: 10px $this-panel-padding-left-right;
 }
 
-:host ::ng-deep .collapsible-expand-icon {
-}
+// :host ::ng-deep .collapsible-expand-icon {
+// }
 
 :host ::ng-deep .collapsible-panel {
-  //border-top: 1px solid black;
+  // border-top: 1px solid black;
   overflow: visible;
 
   > * {

diff --git a/src/app/features/focus-mode/focus-mode-main/focus-mode-main.component.scss b/src/app/features/focus-mode/focus-mode-main/focus-mode-main.component.scss
@@ -140,7 +140,7 @@ progress-circle {
     height: 56px !important;
 
     mat-icon {
-      font-size: 32px !important; //make it bigger, the default being 24px.
+      font-size: 32px !important; // make it bigger, the default being 24px.
       width: 32px !important;
       height: 32px !important;
     }

diff --git a/src/app/features/focus-mode/focus-mode-overlay/focus-mode-overlay.component.scss b/src/app/features/focus-mode/focus-mode-overlay/focus-mode-overlay.component.scss
@@ -28,8 +28,8 @@
   }
 }
 
-header {
-}
+// header {
+// }
 
 main {
   flex-grow: 1;
@@ -63,7 +63,7 @@ main {
   }
 
   mat-icon {
-    font-size: 32px !important; //make it bigger, the default being 24px.
+    font-size: 32px !important; // make it bigger, the default being 24px.
     width: 32px;
     height: 32px;
   }

diff --git a/src/app/features/issue-panel/issue-panel.component.scss b/src/app/features/issue-panel/issue-panel.component.scss
@@ -57,7 +57,7 @@
       display: flex;
       flex-direction: column;
       height: 100%;
-      //border: 1px solid yellow;
+      // border: 1px solid yellow;
     }
   }
 }

diff --git a/src/app/features/issue-panel/issue-preview-item/issue-preview-item.component.scss b/src/app/features/issue-panel/issue-preview-item/issue-preview-item.component.scss
@@ -2,7 +2,7 @@
 @import '../../tasks/task/task.component.mixins';
 
 :host {
-  //@include grabCursor();
+  // @include grabCursor();
   display: flex;
   align-items: center;
   padding: 0;
@@ -16,7 +16,7 @@
 
   @include darkTheme() {
     color: $task-text-c-dark;
-    //background: $task-c-bg-dark;
+    // background: $task-c-bg-dark;
     border-color: $dark-theme-extra-border-color;
   }
 

diff --git a/...es/issue-panel/issue-provider-setup-overview/issue-provider-setup-overview.component.scss b/...es/issue-panel/issue-provider-setup-overview/issue-provider-setup-overview.component.scss
@@ -48,7 +48,7 @@ h4 {
 
 .provider-items {
   display: flex;
-  //flex-direction: column;
+  // flex-direction: column;
   justify-content: space-around;
   align-items: center;
   overflow: auto;

diff --git a/src/app/features/issue/dialog-edit-issue-provider/dialog-edit-issue-provider.component.scss b/src/app/features/issue/dialog-edit-issue-provider/dialog-edit-issue-provider.component.scss
@@ -20,15 +20,15 @@
     margin: auto;
   }
 
-  ::ng-deep {
-    //.help-btn {
-    //  position: relative !important;
-    //  left: 0 !important;
-    //  top: 0 !important;
-    //  display: block;
-    //  margin: 0 auto 16px !important;
-    //}
-  }
+  // ::ng-deep {
+  //   .help-btn {
+  //     position: relative !important;
+  //     left: 0 !important;
+  //     top: 0 !important;
+  //     display: block;
+  //     margin: 0 auto 16px !important;
+  //   }
+  // }
 }
 
 :host::ng-deep {

diff --git a/...ures/issue/providers/jira/jira-issue/jira-issue-content/jira-issue-content.component.scss b/...ures/issue/providers/jira/jira-issue/jira-issue-content/jira-issue-content.component.scss
@@ -47,7 +47,7 @@
 }
 
 .attachments {
-  //margin-bottom: $s;
+  // margin-bottom: $s;
   // because they have an inner padding
   &.hasAttachments {
     margin-top: -$s;

diff --git a/src/app/features/metric/improvement-banner/improvement-banner.component.scss b/src/app/features/metric/improvement-banner/improvement-banner.component.scss
@@ -26,7 +26,8 @@ $weird-task-list-f: 5px;
   align-items: center;
   border-radius: 16px;
   user-select: none;
-  -webkit-user-select: none; /* Safari */
+  -webkit-user-select: none;
+  /* Safari */
   display: flex;
   font-weight: 500;
   font-size: 14px;
@@ -41,18 +42,18 @@ $weird-task-list-f: 5px;
 
   @include lightTheme() {
     border: 1px solid #333;
-    //background-color: rgba(var(--palette-background-unselected-chip), 1);
+    // background-color: rgba(var(--palette-background-unselected-chip), 1);
     color: rgba(var(--palette-foreground-text), var(--palette-foreground-text-alpha, 1));
     // this would be the bookmark button border
-    //border-color: rgba(0, 0, 0, 0.12);
+    // border-color: rgba(0, 0, 0, 0.12);
     border-color: rgba(0, 0, 0, 0.33);
   }
 
   @include darkTheme() {
     border: 1px solid;
     color: #fff;
     // this would be the bookmark button border
-    //border-color: rgba(255, 255, 255, 0.12);
+    // border-color: rgba(255, 255, 255, 0.12);
     border-color: rgba(255, 255, 255, 0.33);
   }
 
@@ -83,6 +84,7 @@ $weird-task-list-f: 5px;
         var(--palette-foreground-text-alpha, 1)
       );
     }
+
     @include darkTheme() {
       color: white;
     }

diff --git a/src/app/features/note/note/note.component.scss b/src/app/features/note/note/note.component.scss
@@ -21,7 +21,7 @@ $noteFontSize: 14px;
     position: relative;
     z-index: 4;
     box-shadow: $whiteframe-shadow-3dp;
-    //outline: 2px dashed $c-accent;
+    // outline: 2px dashed $c-accent;
   }
 
   &.isFocused {

diff --git a/src/app/features/planner/add-task-panel-planner/add-task-panel-planner.component.scss b/src/app/features/planner/add-task-panel-planner/add-task-panel-planner.component.scss
@@ -25,7 +25,7 @@
   display: flex;
   flex-grow: 0;
   align-items: center;
-  //padding: 8px 4px;
+  // padding: 8px 4px;
 
   box-shadow: $whiteframe-shadow-2dp;
 

diff --git a/src/app/features/planner/dialog-add-planned-tasks/dialog-add-planned-tasks.component.scss b/src/app/features/planner/dialog-add-planned-tasks/dialog-add-planned-tasks.component.scss
@@ -48,13 +48,14 @@
   margin-right: -4px;
   margin-left: -4px;
   border-radius: 8px;
-  //position: sticky;
-  //top: -2px;
-  //&.is-stuck {
-  //  background: white;
-  //  box-shadow: $whiteframe-shadow-2dp;
-  //  z-index: 10;
-  //}
+  // position: sticky;
+  // top: -2px;
+  //
+  // &.is-stuck {
+  //   background: white;
+  //   box-shadow: $whiteframe-shadow-2dp;
+  //   z-index: 10;
+  // }
 }
 
 .day-title {