From 8cb2c197c8a5006c59e552a6cd3197d1ea334188 Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Mon, 15 Aug 2022 18:14:51 +0200
Subject: [PATCH] chore: suppress some stylelint warns

---
 scripts/devRunner.js                         |  1 -
 src/renderer/components/KeyPressDetector.vue |  4 +++-
 src/renderer/scss/_data-types.scss           |  1 -
 src/renderer/scss/_fake-tables.scss          |  2 +-
 src/renderer/scss/_table-keys.scss           |  1 +
 src/renderer/scss/_variables.scss            |  1 +
 src/renderer/scss/main.scss                  | 16 ++++++++--------
 7 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/scripts/devRunner.js b/scripts/devRunner.js
index 6b9bda17..89da976b 100644
--- a/scripts/devRunner.js
+++ b/scripts/devRunner.js
@@ -114,7 +114,6 @@ function startRenderer (callback) {
    });
 
    const server = new WebpackDevServer(compiler, {
-      hot: true,
       port: 9080,
       client: {
          overlay: true,
diff --git a/src/renderer/components/KeyPressDetector.vue b/src/renderer/components/KeyPressDetector.vue
index 052dc83d..b08dc538 100644
--- a/src/renderer/components/KeyPressDetector.vue
+++ b/src/renderer/components/KeyPressDetector.vue
@@ -35,7 +35,7 @@ const pressedKeys = computed(() => {
    const keys: string[] = [];
    const singleKeysToIgnore = ['Dead', 'Backspace', 'ArrotLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
    const specialKeys = ['Control', 'Alt', 'AltGraph', 'Shift', 'Meta', 'CapsLock', 'ContextMenu', 'Escape'];
-   const keysFromCode = ['Space', 'Minus', 'Equal', 'Slash', 'Quote', 'Semicolon', 'Comma', 'Period', 'Backslash'];
+   const keysFromCode = ['Space', 'Minus', 'Equal', 'Slash', 'Quote', 'Semicolon', 'Comma', 'Period', 'Backslash', 'BracketLeft', 'BracketRight'];
 
    if (keyboardEvent.value) {
       if (keyboardEvent.value.altKey)
@@ -63,6 +63,8 @@ const pressedKeys = computed(() => {
                   .replace('Semicolon', ';')
                   .replace('Slash', '/')
                   .replace('Backslash', '\\')
+                  .replace('BracketLeft', '[')
+                  .replace('BracketRight', ']')
                   .replace('Comma', ',')
                   .replace('Period', '.')
                   .replace('Minus', '-')
diff --git a/src/renderer/scss/_data-types.scss b/src/renderer/scss/_data-types.scss
index 736217f5..b7aeea4a 100644
--- a/src/renderer/scss/_data-types.scss
+++ b/src/renderer/scss/_data-types.scss
@@ -1,4 +1,3 @@
-
 @mixin type-colors($types) {
   @each $type, $color in $types {
     .type-#{$type} {
diff --git a/src/renderer/scss/_fake-tables.scss b/src/renderer/scss/_fake-tables.scss
index 40b2d8dc..d8b77d53 100644
--- a/src/renderer/scss/_fake-tables.scss
+++ b/src/renderer/scss/_fake-tables.scss
@@ -13,7 +13,7 @@
     display: table-row;
   }
 
-  // Scollable tables
+  /* Scollable tables */
   &.table-scroll {
     display: block;
     overflow-x: auto;
diff --git a/src/renderer/scss/_table-keys.scss b/src/renderer/scss/_table-keys.scss
index b87ce74c..9157edb3 100644
--- a/src/renderer/scss/_table-keys.scss
+++ b/src/renderer/scss/_table-keys.scss
@@ -1,3 +1,4 @@
+/* stylelint-disable selector-class-pattern */
 .column-key {
   transform: rotate(45deg);
   font-size: 0.7rem;
diff --git a/src/renderer/scss/_variables.scss b/src/renderer/scss/_variables.scss
index cf673c98..0670124a 100644
--- a/src/renderer/scss/_variables.scss
+++ b/src/renderer/scss/_variables.scss
@@ -38,4 +38,5 @@ $footer-height: 1.5rem;
   }
 }
 
+/* stylelint-disable-next-line function-no-unknown */
 $excluding-size: get-excluding-size();
diff --git a/src/renderer/scss/main.scss b/src/renderer/scss/main.scss
index ce732073..1ecca30b 100644
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@@ -1,3 +1,4 @@
+/* stylelint-disable selector-class-pattern */
 @import "~spectre.css/src/variables";
 @import "variables";
 @import "transitions";
@@ -108,7 +109,7 @@ option:checked {
 
       > div {
         padding: 0.1rem 0.2rem;
-        min-width: -webkit-fill-available;
+        min-width: fill-available;
       }
     }
 
@@ -167,13 +168,13 @@ option:checked {
   width: 100%;
 }
 
-// Scrollbars
+/* Scrollbars */
 ::-webkit-scrollbar {
   width: 10px;
   height: 10px;
 }
 
-// Animations
+/* Animations */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -210,15 +211,14 @@ option:checked {
   }
 
   .modal-overlay {
-    background: rgba(255, 255, 255, 0.1);
-    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+    background: rgb(255 255 255 / 10%);
+    box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
   }
 }
 
 #wrapper:not(.no-blur) {
   .modal-overlay {
     backdrop-filter: blur(4px);
-    -webkit-backdrop-filter: blur(4px);
   }
 }
 
@@ -330,7 +330,7 @@ option:checked {
   z-index: 401 !important;
   border: 1px solid transparent;
   border-radius: $border-radius;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  box-shadow: 0 8px 17px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
 }
 
 .select__option--selected {
@@ -409,7 +409,7 @@ option:checked {
   }
 }
 
-// Ace Editor
+/* Ace Editor */
 .ace_editor {
   &.ace_autocomplete {
     border-radius: $border-radius;