odaptos_design_system 2.0.5 → 2.0.6

package/src/Molecules/Thematic/Thematic.modules.scss

@@ -1,121 +1,121 @@
-.thematic {
-  display: flex;
-  flex-direction: column;
-  gap: 1.5rem;
-  border-radius: 0.5rem;
-  padding: 1rem;
-  border: 1px dashed;
-
-  &__header {
-    display: flex;
-    justify-content: space-between;
-    .overflow_badge {
-      p {
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-        max-width: 12rem;
-      }
-    }
-
-    &__actions {
-      display: flex;
-      gap: 0.5rem;
-    }
-  }
-
-  .tagsContainer {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-
-    .tag {
-      cursor: pointer;
-    }
-
-    .overflow_tag {
-      p {
-        text-overflow: unset;
-        overflow: unset;
-      }
-    }
-  }
-}
-
-.addTagPopover {
-  .content {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding: 0.5rem;
-  }
-}
-
-.tagMenuPopover {
-  .dropdown {
-    display: flex;
-    width: 7rem;
-    padding: 0.5rem;
-    flex-direction: column;
-    align-items: flex-start;
-    align-self: stretch;
-
-    .item {
-      display: flex;
-      height: 3rem;
-      padding: 0.25rem;
-      align-items: center;
-      gap: 0.5rem;
-      flex: 1 0 0;
-      align-self: stretch;
-      border-radius: 0.25rem;
-      cursor: pointer;
-
-      p {
-        margin-right: auto;
-      }
-
-      &:hover {
-        background-color: #eeeeee;
-      }
-
-      &.diabled {
-        cursor: not-allowed;
-        opacity: 0.5;
-      }
-    }
-  }
-}
-
-.editTagPopover {
-  .content {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding: 0.5rem;
-  }
-}
-
-.moveTagPopover {
-  .content {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    padding: 0.5rem;
-
-    .otherThematicsContainer {
-      .otherThematic {
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        cursor: pointer;
-        padding: 0.25rem;
-        border-radius: 0.25rem;
-
-        &:hover {
-          background-color: #eeeeee;
-        }
-      }
-    }
-  }
-}
+.thematic {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  border-radius: 0.5rem;
+  padding: 1rem;
+  border: 1px dashed;
+
+  &__header {
+    display: flex;
+    justify-content: space-between;
+    .overflow_badge {
+      p {
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        max-width: 12rem;
+      }
+    }
+
+    &__actions {
+      display: flex;
+      gap: 0.5rem;
+    }
+  }
+
+  .tagsContainer {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+
+    .tag {
+      cursor: pointer;
+    }
+
+    .overflow_tag {
+      p {
+        text-overflow: unset;
+        overflow: unset;
+      }
+    }
+  }
+}
+
+.addTagPopover {
+  .content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.5rem;
+  }
+}
+
+.tagMenuPopover {
+  .dropdown {
+    display: flex;
+    width: 7rem;
+    padding: 0.5rem;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+
+    .item {
+      display: flex;
+      height: 3rem;
+      padding: 0.25rem;
+      align-items: center;
+      gap: 0.5rem;
+      flex: 1 0 0;
+      align-self: stretch;
+      border-radius: 0.25rem;
+      cursor: pointer;
+
+      p {
+        margin-right: auto;
+      }
+
+      &:hover {
+        background-color: #eeeeee;
+      }
+
+      &.diabled {
+        cursor: not-allowed;
+        opacity: 0.5;
+      }
+    }
+  }
+}
+
+.editTagPopover {
+  .content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.5rem;
+  }
+}
+
+.moveTagPopover {
+  .content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.5rem;
+
+    .otherThematicsContainer {
+      .otherThematic {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        cursor: pointer;
+        padding: 0.25rem;
+        border-radius: 0.25rem;
+
+        &:hover {
+          background-color: #eeeeee;
+        }
+      }
+    }
+  }
+}