refactoring allStyles styleStyle -> style-style

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -143,7 +143,7 @@
         margin-bottom: 0;
       }
 
-      .taskName {
+      .task-name {
         display: -webkit-box;
         max-width: 550px;
         overflow: hidden;
@@ -152,11 +152,11 @@
         -webkit-box-orient: vertical;
       }
 
-      .fullName {
+      .full-name {
         max-width: 800px;
       }
 
-      .fullDescription {
+      .full-description {
         max-width: 800px;
       }
 
@@ -195,7 +195,7 @@
             margin: 10px 0;
           }
 
-          &__subComment {
+          &__sub-comment {
             &:before {
               content: "";
               background: #e4e4e6;
@@ -368,22 +368,22 @@
       margin-top: 33px;
       overflow-y: auto;
 
-      .taskFile {
+      .task-file {
         cursor: pointer;
         position: relative;
-        .imgFile {
+        .img-file {
           max-width: 170px;
           max-height: 104px;
           object-fit: contain;
         }
 
         &:hover {
-          .deleteFile {
+          .delete-file {
             background: rgb(226, 226, 226, 0.6);
           }
         }
 
-        .deleteFile {
+        .delete-file {
           position: absolute;
           cursor: pointer;
           display: flex;
@@ -404,7 +404,7 @@
         }
       }
 
-      .ImgOpened {
+      .img-opened {
         position: fixed;
         width: 100vw;
         height: 100vh;
@@ -416,7 +416,7 @@
         z-index: 100;
         background-color: rgba(0, 0, 0, 0.2);
 
-        .imgFile {
+        .img-file {
           width: 90vw;
           height: 90vh;
           max-width: none;
@@ -425,18 +425,18 @@
       }
     }
 
-    .fileLoaded {
+    .file-loaded {
       display: flex;
       align-items: center;
       margin: 10px 0 0;
 
-      .loadedFile {
+      .loaded-file {
         position: relative;
         img {
           max-width: 100px;
           object-fit: contain;
         }
-        .deleteFile {
+        .delete-file {
           position: absolute;
           cursor: pointer;
           display: flex;
@@ -456,7 +456,7 @@
           }
         }
         &:hover {
-          .deleteFile {
+          .delete-file {
             background: rgb(226, 226, 226, 0.6);
           }
         }
@@ -727,7 +727,7 @@
       }
     }
 
-    .deadLine {
+    .dead-line {
       position: relative;
       &__container {
         padding: 5px 10px 5px;
@@ -925,7 +925,7 @@
         }
       }
 
-      .dropdownList {
+      .dropdown-list {
         position: absolute;
         background: white;
         padding: 10px;
@@ -938,7 +938,7 @@
         flex-direction: column;
         row-gap: 8px;
 
-        .noUsers {
+        .no-users {
           font-size: 14px;
           text-align: center;
         }
@@ -1065,7 +1065,7 @@
               top: 5px;
             }
 
-            .tagItem {
+            .tag-item {
               display: flex;
               align-items: center;
               justify-content: space-between;
@@ -1092,7 +1092,7 @@
               }
             }
 
-            &__noItem {
+            &__no-item {
               line-height: 20px;
               font-size: 15px;
               margin: 0;