From dd00861a578174c4f226c0f2c32a8edb9e1eab70 Mon Sep 17 00:00:00 2001
From: Federico Capoano <f.capoano@openwisp.io>
Date: Thu, 18 Jan 2024 16:55:53 -0300
Subject: [PATCH] [qa] Fixed stylelint issues

---
 .stylelintrc.json                             |  8 ---
 .../static/monitoring/css/daterangepicker.css |  3 +-
 .../static/monitoring/css/device-map.css      |  2 +-
 .../static/monitoring/css/monitoring.css      | 51 +++++++++++++------
 .../static/monitoring/css/chart.css           | 30 +++++------
 5 files changed, 54 insertions(+), 40 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index afa192752..45ff7011e 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -8,14 +8,6 @@
                 "ignore": ["stylelint-commands", "after-comment"]
             }
         ],
-        "declaration-colon-space-after": "always",
-        "indentation": [
-            2,
-            {
-                "except": ["value"]
-            }
-        ],
-        "max-empty-lines": 4,
         "rule-empty-line-before": [
             "never-multi-line",
             {
diff --git a/openwisp_monitoring/device/static/monitoring/css/daterangepicker.css b/openwisp_monitoring/device/static/monitoring/css/daterangepicker.css
index e34393157..adc1ae129 100644
--- a/openwisp_monitoring/device/static/monitoring/css/daterangepicker.css
+++ b/openwisp_monitoring/device/static/monitoring/css/daterangepicker.css
@@ -428,7 +428,8 @@
   .daterangepicker .drp-buttons {
     text-align: center;
   }
-  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+  .daterangepicker .ranges,
+  .daterangepicker .drp-calendar {
     float: none;
   }
 }
diff --git a/openwisp_monitoring/device/static/monitoring/css/device-map.css b/openwisp_monitoring/device/static/monitoring/css/device-map.css
index c5a3ba08e..af7ced507 100644
--- a/openwisp_monitoring/device/static/monitoring/css/device-map.css
+++ b/openwisp_monitoring/device/static/monitoring/css/device-map.css
@@ -40,7 +40,7 @@
   left: 49%;
 }
 #device-map-container .leaflet-interactive:focus {
-  outline: none
+  outline: none;
 }
 #leaflet-config {
   display: none;
diff --git a/openwisp_monitoring/device/static/monitoring/css/monitoring.css b/openwisp_monitoring/device/static/monitoring/css/monitoring.css
index 106fba147..fb58363d8 100644
--- a/openwisp_monitoring/device/static/monitoring/css/monitoring.css
+++ b/openwisp_monitoring/device/static/monitoring/css/monitoring.css
@@ -1,7 +1,7 @@
 #ow-device-status > fieldset > .inline-related {
   padding: 0 1px;
 }
-#ow-device-status h2{
+#ow-device-status h2 {
   color: #333;
   background-color: rgba(0, 0, 0, 0.05);
   outline: 1px solid rgba(0, 0, 0, 0.3);
@@ -9,7 +9,7 @@
 }
 #ow-device-status .form-row,
 #ow-device-status table th,
-#ow-device-status table td{
+#ow-device-status table td {
   padding: 15px 20px !important;
 }
 #ow-device-status .form-row label,
@@ -21,11 +21,11 @@
 #ow-device-status .form-row label {
   padding-top: 2px;
 }
-#ow-device-status .inline-group{
+#ow-device-status .inline-group {
   margin-bottom: 0;
   padding-top: 1px;
 }
-#ow-device-status table{
+#ow-device-status table {
   width: 100%;
   margin: 0;
 }
@@ -34,36 +34,57 @@
   background: #f9f9f9 !important;
 }
 td.field-health_status,
-.field-health_status .readonly{
+.field-health_status .readonly {
   font-weight: bold;
   text-transform: uppercase;
 }
-.health-unknown{ color: grey }
-.health-ok{ color: green }
-.health-problem{ color: orange }
-.health-critical{ color: red }
-#ow-device-status table.addresses td{ width: 50% }
+.health-unknown {
+  color: grey;
+}
+.health-ok {
+  color: green;
+}
+.health-problem {
+  color: orange;
+}
+.health-critical {
+  color: red;
+}
+#ow-device-status table.addresses td {
+  width: 50%;
+}
 .wifi-clients th.ht,
 .wifi-clients th.vht,
 .wifi-clients th.wmm,
 .wifi-clients th.wds,
-.wifi-clients th.wps{
+.wifi-clients th.wps {
   cursor: default;
 }
 #monitoring-metric-content_type-object_id-group .inline-related h3 {
   padding: 10px 20px;
 }
-#monitoring-metric-content_type-object_id-group .djn-group-nested fieldset.djn-fieldset.module > h2,
-#monitoring-metric-content_type-object_id-group .djn-group-nested fieldset.djn-fieldset.module .djn-inline-form > h3{
+#monitoring-metric-content_type-object_id-group
+  .djn-group-nested
+  fieldset.djn-fieldset.module
+  > h2,
+#monitoring-metric-content_type-object_id-group
+  .djn-group-nested
+  fieldset.djn-fieldset.module
+  .djn-inline-form
+  > h3 {
   display: none;
 }
-#monitoring-metric-content_type-object_id-group{
+#monitoring-metric-content_type-object_id-group {
   padding-top: 0 !important;
 }
 .form-row.field-health_checks div.readonly {
   margin-left: 0px !important;
 }
-.form-row.field-health_checks div div.flex-container div.readonly ul.health_checks {
+.form-row.field-health_checks
+  div
+  div.flex-container
+  div.readonly
+  ul.health_checks {
   margin-left: 0px !important;
   padding-left: 0px !important;
 }
diff --git a/openwisp_monitoring/monitoring/static/monitoring/css/chart.css b/openwisp_monitoring/monitoring/static/monitoring/css/chart.css
index 79218fa60..7aee17bdc 100644
--- a/openwisp_monitoring/monitoring/static/monitoring/css/chart.css
+++ b/openwisp_monitoring/monitoring/static/monitoring/css/chart.css
@@ -1,12 +1,12 @@
 #ow-chart-fallback {
   text-align: center;
 }
-#ow-chart-time{
+#ow-chart-time {
   margin-top: 15px;
   text-align: center;
   padding: 4px;
 }
-#ow-chart-time a{
+#ow-chart-time a {
   display: inline-block;
   margin: 0 2px;
   color: #fff;
@@ -16,32 +16,32 @@
   border-radius: 3px;
   cursor: pointer;
 }
-#ow-chart-time a:hover{
+#ow-chart-time a:hover {
   background-color: #777 !important;
 }
-#ow-chart-time a.active{
+#ow-chart-time a.active {
   background: transparent;
   color: #666;
   cursor: default;
   border: 1px solid #666;
 }
-#ow-chart-time a.export{
+#ow-chart-time a.export {
   float: right;
   background: #333;
 }
-#ow-chart-time a#daterangepicker-widget{
+#ow-chart-time a#daterangepicker-widget {
   float: left;
   margin-right: 100px;
 }
-#ow-chart-time a.export:hover{
+#ow-chart-time a.export:hover {
   background: #777;
 }
-#ow-chart-fallback{
+#ow-chart-fallback {
   display: none;
   border: 0 none;
 }
 #ow-chart-contents > div {
-  position: relative
+  position: relative;
 }
 .chart-help {
   display: inline-block;
@@ -61,7 +61,7 @@
   text-align: center;
   font-size: 1.22em;
   font-weight: normal;
-  color: #434B62;
+  color: #434b62;
 }
 .ow-chart {
   margin-top: 1.5em;
@@ -69,7 +69,7 @@
   border-top: 1px dotted rgba(0, 0, 0, 0.2);
   text-align: center;
 }
-.ow-chart:first-child{
+.ow-chart:first-child {
   border: 0 none;
   padding-top: 0;
   margin-top: 2.25em;
@@ -110,13 +110,13 @@
   margin-right: 2px;
 }
 #ow-chart-contents .circle > span {
-  font-size: .15em;
+  font-size: 0.15em;
   word-spacing: -0.75px;
   color: rgba(0, 0, 0, 0.6) !important;
   font-size: 13px;
   font-weight: bold;
 }
-#ow-chart-contents b{
+#ow-chart-contents b {
   background-color: #000 !important;
 }
 .chart-heading {
@@ -125,7 +125,7 @@
   text-align: center;
   font-size: 1.22em;
   font-weight: normal;
-  color: #434B62;
+  color: #434b62;
 }
 #chart-loading-overlay {
   width: 100%;
@@ -145,5 +145,5 @@
   transform: translate(-50%, -50%);
   text-align: center;
   display: none;
-  font-size: 1.2em
+  font-size: 1.2em;
 }