update progress bar styles and remove unused code

argilla-io · Jun 17, 2024 · 31d8884 · 31d8884
1 parent 5ae53e1
commit 31d8884
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 38 deletions.
diff --git a/argilla-frontend/components/features/annotation/progress/AnnotationProgress.vue b/argilla-frontend/components/features/annotation/progress/AnnotationProgress.vue
@@ -51,7 +51,7 @@ export default {
         {
           id: "pending",
           name: "progress",
-          color: "linear-gradient(90deg, #EFEFEF 0%, #D3D3D3 100%)",
+          color: "linear-gradient(white)",
           value: this.datasetMetrics.pending + this.datasetMetrics.draft,
         },
       ];
@@ -62,40 +62,3 @@ export default {
   },
 };
 </script>
-
-<style lang="scss" scoped>
-.metrics {
-  color: $black-54;
-}
-.color-bullet {
-  height: $base-space;
-  width: $base-space;
-  border-radius: $border-radius-rounded;
-  display: inline-block;
-}
-:deep() {
-  .metrics__list {
-    list-style: none;
-    padding-left: 0;
-    margin-bottom: $base-space * 3;
-    &__item {
-      display: flex;
-      align-items: center;
-      gap: $base-space;
-      margin-bottom: $base-space;
-      @include font-size(13px);
-    }
-    &__name {
-      text-transform: capitalize;
-      display: block;
-      width: calc(100% - 40px);
-      hyphens: auto;
-      word-break: break-word;
-    }
-    &__counter {
-      margin-right: 0;
-      margin-left: auto;
-    }
-  }
-}
-</style>
diff --git a/argilla-frontend/components/features/annotation/progress/BarProgress.vue b/argilla-frontend/components/features/annotation/progress/BarProgress.vue
@@ -54,6 +54,7 @@ export default {
   &__bar {
     width: 100%;
     max-width: 160px;
+    box-shadow: 0 0 0 1px $black-10;
   }
   &__data {
     font-weight: 500;