From d1f22e4c98389781e8ee008d0f84efefab123889 Mon Sep 17 00:00:00 2001 From: Janne Koivistoinen Date: Fri, 1 Dec 2017 12:14:15 +0200 Subject: [PATCH 1/2] dr for review modal done --- src/components/FieldReviewRating/FieldReviewRating.css | 7 +++++++ src/translations/en.json | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/FieldReviewRating/FieldReviewRating.css b/src/components/FieldReviewRating/FieldReviewRating.css index 0161ab21..bfa87ebb 100644 --- a/src/components/FieldReviewRating/FieldReviewRating.css +++ b/src/components/FieldReviewRating/FieldReviewRating.css @@ -25,6 +25,12 @@ .star { fill: var(--matterColorNegative); + transition: var(--transitionStyleButton); +} + +legend { + @apply --marketplaceH3FontStyles; + color: var(--matterColorAnti); } /***** CSS Magic to Highlight Stars on Hover *****/ @@ -38,6 +44,7 @@ .rating > .label:hover > .star, .rating > .label:hover ~ .label > .star { fill: var(--marketplaceColor); + transition: var(--transitionStyleButton); } /* Darken hovered star when changing rating i.e it already is active */ diff --git a/src/translations/en.json b/src/translations/en.json index 82f3a9e4..62eb3ab5 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -444,7 +444,7 @@ "ResponsiveImage.noImage": "No image", "ReviewForm.reviewContentLabel": "Leave a review", "ReviewForm.reviewContentPlaceholder": "Descripe your experience...", - "ReviewForm.reviewContentRequired": "Review message is required", + "ReviewForm.reviewContentRequired": "You need to add a message to leave a review.", "ReviewForm.reviewRatingLabel": "Rate your experience", "ReviewForm.reviewRatingRequired": "Review message is required", "ReviewForm.reviewSubmit": "Publish review", From 9d189f98a18ba179c051091129db3e0011c03900 Mon Sep 17 00:00:00 2001 From: Janne Koivistoinen Date: Fri, 1 Dec 2017 12:37:03 +0200 Subject: [PATCH 2/2] star empty space --- src/components/FieldReviewRating/FieldReviewRating.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/FieldReviewRating/FieldReviewRating.css b/src/components/FieldReviewRating/FieldReviewRating.css index bfa87ebb..69f67eb5 100644 --- a/src/components/FieldReviewRating/FieldReviewRating.css +++ b/src/components/FieldReviewRating/FieldReviewRating.css @@ -19,7 +19,7 @@ } .label { - width: 30px; + width: 27px; cursor: pointer; }