handle rating start panel size

axonivy-market · Jul 24, 2024 · 5da18d6 · 5da18d6
1 parent 44f3e14
commit 5da18d6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/marketplace-ui/src/app/shared/components/star-rating/star-rating.component.html b/marketplace-ui/src/app/shared/components/star-rating/star-rating.component.html
@@ -1,4 +1,5 @@
 <ngb-rating
+  class="justify-content-between rating-stars"
   [rate]="rate"
   (rateChange)="onRateChange($event)"
   [max]="5"

diff --git a/marketplace-ui/src/app/shared/components/star-rating/star-rating.component.scss b/marketplace-ui/src/app/shared/components/star-rating/star-rating.component.scss
@@ -21,25 +21,23 @@
 .adding-feedback-star {
   font-size: 2.25rem;
   color: #dfdfdf;
-  margin-right: 15px;
+  margin-right: 0px;
   .filled {
-    color: #FFCB13;
+    color: #ffcb13;
   }
 }
 
+.rating-stars {
+  width: 40%;
+}
+
 @media (max-width: 767px) {
   .medium-star {
     font-size: 16px;
     margin-right: 8px;
   }
 
-  .adding-feedback-star {
-    margin-right: 39px;
+  .rating-stars {
+    width: 100%;
   }
 }
-
-@media (max-width: 400px) {
-  .adding-feedback-star {
-    margin-right: clamp(27px, 6vw, 39px);
-  }
-}