Update stylelint to 13.0.0 (#2348)

* Update stylelint to 13.0.0

* Update style

ui/package.json

@@ -135,12 +135,12 @@
     "react-hot-loader": "^4.12.8",
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
-    "stylelint": "^8.4.0",
+    "stylelint": "13.0.0",
-    "stylelint-config-recommended-scss": "^3.3.0",
+    "stylelint-config-recommended-scss": "4.1.0",
-    "stylelint-config-standard": "^18.3.0",
+    "stylelint-config-standard": "19.0.0",
-    "stylelint-order": "^3.0.1",
+    "stylelint-order": "4.0.0",
-    "stylelint-scss": "^3.9.2",
+    "stylelint-scss": "3.13.0",
-    "stylelint-webpack-plugin": "^0.10.5",
+    "stylelint-webpack-plugin": "^1.2.1",
     "uglifyjs-webpack-plugin": "^2.1.3",
     "url-loader": "^2.1.0",
     "webpack": "^4.37.0",

ui/src/app/entity/entity-list.scss

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /*
 .tb-entity-list {
   #entity_list_chips {

ui/src/app/entity/entity-select.scss

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /*
 .tb-entity-select {
 }

ui/src/app/entity/entity-subtype-list.scss

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /*
 .tb-entity-subtype-list {
   #entity_subtype_list_chips {

ui/src/app/entity/entity-type-list.scss

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /*
 .tb-entity-type-list {
   #entity_type_list_chips {

ui/src/app/entity/entity-type-select.scss

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /*
 md-select.tb-entity-type-select {
 }

ui/src/app/widget/lib/alarms-table-widget.scss

@@ -43,43 +43,15 @@
   &.tb-data-table {
     table.md-table,
     table.md-table.md-row-select {
-      th.md-column {
-        &.tb-action-cell {
-          .md-button {
-            /* stylelint-disable-next-line selector-max-class */
-            &.md-icon-button {
-              width: 36px;
-              height: 36px;
-              padding: 6px;
-              margin: 0;
-              /* stylelint-disable-next-line selector-max-class */
-              md-icon {
-                width: 24px;
-                height: 24px;
-                font-size: 24px !important;
-                line-height: 24px !important;
-              }
-            }
-          }
-        }
-      }
-
       tbody {
-        tr {
+        .tb-action-cell {
-          td {
+          width: 36px;
-            &.tb-action-cell {
+          min-width: 36px;
-              width: 36px;
+          max-width: 36px;
-              min-width: 36px;
-              max-width: 36px;
 
-              .md-button[disabled] {
+          .md-button[disabled] {
-                &.md-icon-button {
+            md-icon {
-                  /* stylelint-disable-next-line selector-max-class */
+              color: rgba(0, 0, 0, .38);
-                  md-icon {
-                    color: rgba(0, 0, 0, .38);
-                  }
-                }
-              }
             }
           }
         }

ui/src/app/widget/lib/entities-table-widget.scss

@@ -43,43 +43,15 @@
   &.tb-data-table {
     table.md-table,
     table.md-table.md-row-select {
-      th.md-column {
-        &.tb-action-cell {
-          .md-button {
-            /* stylelint-disable-next-line selector-max-class */
-            &.md-icon-button {
-              width: 36px;
-              height: 36px;
-              padding: 6px;
-              margin: 0;
-              /* stylelint-disable-next-line selector-max-class */
-              md-icon {
-                width: 24px;
-                height: 24px;
-                font-size: 24px !important;
-                line-height: 24px !important;
-              }
-            }
-          }
-        }
-      }
-
       tbody {
-        tr {
+        .tb-action-cell {
-          td {
+          width: 36px;
-            &.tb-action-cell {
+          min-width: 36px;
-              width: 36px;
+          max-width: 36px;
-              min-width: 36px;
-              max-width: 36px;
 
-              .md-button[disabled] {
+          .md-button[disabled] {
-                &.md-icon-button {
+            md-icon {
-                  /* stylelint-disable-next-line selector-max-class */
+              color: rgba(0, 0, 0, .38);
-                  md-icon {
-                    color: rgba(0, 0, 0, .38);
-                  }
-                }
-              }
             }
           }
         }