style: general lint fix

2022-08-09 16:18:21 +02:00 · 2022-08-09 16:18:21 +02:00 · 19205e0736
parent 44eb507a12
commit 19205e0736
11 changed files with 142 additions and 140 deletions
--- a/.stylelintrc
+++ b/.stylelintrc
@ -10,6 +10,7 @@
  "rules": {
    "at-rule-no-unknown": null,
    "no-descending-specificity": null,
+    "font-family-no-missing-generic-family-keyword": null,
    "declaration-colon-newline-after": "always-multi-line"
  },
  "syntax": "scss"
--- a/src/renderer/components/ModalAllConnections.vue
+++ b/src/renderer/components/ModalAllConnections.vue
@ -126,7 +126,7 @@
                        key="trick"
                        readonly
                        class="p-absolute"
-                        style="width: 1px; height: 1px; opacity: 0"
+                        style="width: 1px; height: 1px; opacity: 0;"
                        type="text"
                     >
                     <!-- workaround for useFocusTrap $lastFocusable -->
@ -270,89 +270,87 @@ onBeforeUnmount(() => {

 <style lang="scss" scoped>
 .vscroll {
-   height: 1000px;
-   overflow: auto;
-   overflow-anchor: none;
+  height: 1000px;
+  overflow: auto;
+  overflow-anchor: none;
 }

 .column-resizable {
-
-   &:hover,
-   &:active {
-      resize: horizontal;
-      overflow: hidden;
-   }
+  &:hover,
+  &:active {
+    resize: horizontal;
+    overflow: hidden;
+  }
 }

 .table-column-title {
-   display: flex;
-   align-items: center;
+  display: flex;
+  align-items: center;
 }

 .sort-icon {
-   font-size: 0.7rem;
-   line-height: 1;
-   margin-left: 0.2rem;
+  font-size: 0.7rem;
+  line-height: 1;
+  margin-left: 0.2rem;
 }

 .modal {
-   align-items: flex-start;
+  align-items: flex-start;

-   .modal-container {
-      max-width: 75vw;
-      margin-top: 10vh;
+  .modal-container {
+    max-width: 75vw;
+    margin-top: 10vh;

-      .modal-body {
-         height: 80vh;
-      }
-   }
+    .modal-body {
+      height: 80vh;
+    }
+  }
 }

 .connections-search {
-   display: flex;
-   justify-content: space-around;
+  display: flex;
+  justify-content: space-around;
 }

 .connection-block {
-   cursor: pointer;
-   transition: all .2s;
-   border-radius: $border-radius;
-   outline: none;
+  cursor: pointer;
+  transition: all 0.2s;
+  border-radius: $border-radius;
+  outline: none;

-   &:focus {
-      box-shadow: 0 0 3px .1rem rgba($primary-color, 80%);
-   }
-
-   &:hover {
-      .all-connections-buttons {
-
-         .all-connections-delete,
-         .all-connections-pinned,
-         .all-connections-pin {
-            opacity: .5;
-         }
-      }
-   }
-
-   .all-connections-buttons {
-      .all-connections-pinned {
-         opacity: .3;
-         transition: opacity .2s;
-
-         &:hover {
-            opacity: 1;
-         }
-      }
+  &:focus {
+    box-shadow: 0 0 3px 0.1rem rgba($primary-color, 80%);
+  }

+  &:hover {
+    .all-connections-buttons {
      .all-connections-delete,
+      .all-connections-pinned,
      .all-connections-pin {
-         opacity: 0;
-         transition: opacity .2s;
-
-         &:hover {
-            opacity: 1;
-         }
+        opacity: 0.5;
      }
-   }
+    }
+  }
+
+  .all-connections-buttons {
+    .all-connections-pinned {
+      opacity: 0.3;
+      transition: opacity 0.2s;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+
+    .all-connections-delete,
+    .all-connections-pin {
+      opacity: 0;
+      transition: opacity 0.2s;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
 }
 </style>
--- a/src/renderer/components/ModalSettings.vue
+++ b/src/renderer/components/ModalSettings.vue
@ -538,10 +538,10 @@ onBeforeUnmount(() => {
    .modal-body {
      overflow: hidden;

-      .tab-link{
-         overflow: hidden;
-         white-space: nowrap;
-         text-overflow: ellipsis;
+      .tab-link {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
      }

      .panel-body {
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@ -245,7 +245,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
    height: calc(100vh - #{$excluding-size});
    display: flex;
    flex-direction: column;
-   //  justify-content: space-between;
+    //  justify-content: space-between;
    align-items: center;
    padding: 0;
    z-index: 9;
@ -319,7 +319,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
          }
        }

-        .settingbar-element-pin{
+        .settingbar-element-pin {
          margin: 0 auto;

          &::before {
@ -327,7 +327,7 @@ watch(selectedWorkspace, (newVal, oldVal) => {
            content: "\F0403";
            color: $body-font-color-dark;
            transform: rotate(45deg);
-            opacity: .25;
+            opacity: 0.25;
            bottom: -8px;
            left: -4px;
            position: absolute;
--- a/src/renderer/components/WorkspaceAddConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceAddConnectionPanel.vue
@ -560,7 +560,7 @@ setTimeout(() => {
 .connection-panel {
  margin-left: auto;
  margin-right: auto;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
  margin-top: 1.5rem;

  .panel {
--- a/src/renderer/components/WorkspaceEditConnectionPanel.vue
+++ b/src/renderer/components/WorkspaceEditConnectionPanel.vue
@ -551,7 +551,7 @@ localConnection.value = JSON.parse(JSON.stringify(props.connection));
 .connection-panel {
  margin-left: auto;
  margin-right: auto;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
  margin-top: 1.5rem;

  .panel {
--- a/src/renderer/components/WorkspaceQueryConsole.vue
+++ b/src/renderer/components/WorkspaceQueryConsole.vue
@ -119,61 +119,62 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-.query-console-wrapper{
-   width: 100%;
-   z-index: 9;
-   margin-top: auto;
-   position: absolute;
-   bottom: 0;
+.query-console-wrapper {
+  width: 100%;
+  z-index: 9;
+  margin-top: auto;
+  position: absolute;
+  bottom: 0;

-   .query-console-resizer{
-      height: 4px;
-      top: -1px;
-      width: 100%;
-      cursor: ns-resize;
-      position: absolute;
-      z-index: 99;
-      transition: background 0.2s;
+  .query-console-resizer {
+    height: 4px;
+    top: -1px;
+    width: 100%;
+    cursor: ns-resize;
+    position: absolute;
+    z-index: 99;
+    transition: background 0.2s;

-      &:hover {
-         background: rgba($primary-color, 50%);
+    &:hover {
+      background: rgba($primary-color, 50%);
+    }
+  }
+
+  .query-console {
+    padding: 0;
+    padding-bottom: $footer-height;
+
+    .query-console-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 4px;
+      font-weight: 700;
+    }
+
+    .query-console-body {
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      max-height: 100%;
+      padding: 0 6px 3px;
+
+      .query-console-log {
+        padding: 1px 3px;
+        margin: 1px 0;
+        border-radius: $border-radius;
+
+        .query-console-log-sql {
+          font-size: 95%;
+          opacity: 0.8;
+          font-weight: 700;
+
+          &:hover {
+            user-select: text;
+          }
+        }
      }
-   }
-
-   .query-console {
-      padding: 0;
-      padding-bottom: $footer-height;
-      .query-console-header {
-         display: flex;
-         justify-content: space-between;
-         align-items: center;
-         padding: 4px;
-         font-weight: 700;
-      }
-
-      .query-console-body {
-         overflow: auto;
-         display: flex;
-         flex-direction: column;
-         max-height: 100%;
-         padding: 0 6px 3px;
-
-         .query-console-log {
-            padding: 1px 3px;
-            margin: 1px 0;
-            border-radius: $border-radius;
-
-            .query-console-log-sql {
-               font-size: 95%;
-               opacity: .8;
-               font-weight: 700;
-               &:hover {
-                  user-select: text;
-               }
-            }
-         }
-      }
-   }
-
+    }
+  }
 }
 </style>
--- a/src/renderer/scss/_variables.scss
+++ b/src/renderer/scss/_variables.scss
@ -28,13 +28,14 @@ $settingbar-width: 3rem;
 $explorebar-width: 14rem;
 $footer-height: 1.5rem;

-@function get-excluding-size(){
-   @if $platform == linux{
-      @return $footer-height;
-   }
-   @else {
-      @return $footer-height + $titlebar-height;
-   }
+@function get-excluding-size() {
+  @if $platform == linux {
+    @return $footer-height;
+  }
+
+  @else {
+    @return $footer-height + $titlebar-height;
+  }
 }

 $excluding-size: get-excluding-size();
--- a/src/renderer/scss/main.scss
+++ b/src/renderer/scss/main.scss
@ -362,8 +362,9 @@ option:checked {
 .accordion-body {
  max-height: 5000rem !important;
 }
+
 .btn {
-  &:focus{
+  &:focus {
    box-shadow: 0 0 3px 1px rgba($primary-color, 90%);
  }

--- a/src/renderer/scss/themes/dark-theme.scss
+++ b/src/renderer/scss/themes/dark-theme.scss
@ -256,7 +256,7 @@
    }
  }

-  .connection-block{  
+  .connection-block {
    &:hover {
      background: $bg-color-light-dark;
    }
@ -308,13 +308,13 @@
  .query-console {
    border-top: 1px solid #444;
    background-color: $bg-color-dark;
-    
+
    .query-console-log {
      &:hover,
      &:focus {
-         background: $bg-color-gray;
+        background: $bg-color-gray;
      }
-   }
+    }
  }

  .tile {
--- a/src/renderer/scss/themes/light-theme.scss
+++ b/src/renderer/scss/themes/light-theme.scss
@ -131,13 +131,13 @@
  .query-console {
    border-top: 1px solid darken($bg-color-light-gray, 15%);
    background-color: $bg-color-light;
-    
+
    .query-console-log {
      &:hover,
      &:focus {
-         background: $bg-color-light-gray;
+        background: $bg-color-light-gray;
      }
-   }
+    }
  }

  #titlebar {
@ -234,7 +234,7 @@

        .table-size {
          opacity: 0.4;
-          
+
          &:hover {
            opacity: 1;
          }
@ -290,8 +290,8 @@
      background: rgba($bg-color-light-gray, 100%);
    }
  }
-  
-  .connection-block{  
+
+  .connection-block {
    &:hover {
      background: $bg-color-light-gray;
    }