From 31d888414d4eeb56818931566a6e64eec99805ae Mon Sep 17 00:00:00 2001
From: leire <leire@recogn.ai>
Date: Mon, 17 Jun 2024 11:46:52 +0200
Subject: [PATCH] update progress bar styles and remove unused code

---
 .../progress/AnnotationProgress.vue           | 39 +------------------
 .../annotation/progress/BarProgress.vue       |  1 +
 2 files changed, 2 insertions(+), 38 deletions(-)

diff --git a/argilla-frontend/components/features/annotation/progress/AnnotationProgress.vue b/argilla-frontend/components/features/annotation/progress/AnnotationProgress.vue
index 88e4fb6f31..295e62a162 100644
--- 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
index 772d0b5d6e..61e24e419a 100644
--- 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;