feat(feedback): tweak styling (#2791)

- Green stars
- Label for feedback box
- Adjust margins/padding
This commit is contained in:
virtuacoplenny 2018-04-11 11:31:03 -07:00 committed by bbaldino
parent 78ff0f7864
commit 3285d647e6
4 changed files with 6 additions and 14 deletions

View File

@ -80,10 +80,6 @@ $feedbackInputBg: #fff;
$feedbackTextColor: #000; $feedbackTextColor: #000;
$feedbackInputTextColor: #333; $feedbackInputTextColor: #333;
$feedbackInputPlaceholderColor: #777; $feedbackInputPlaceholderColor: #777;
$rateStarLabelColor: #333;
$rateStarDefault: #ccc;
$rateStarActivity: #165ecc;
$rateStarSize: 34px;
/** /**
* Modals * Modals

View File

@ -47,10 +47,6 @@
.feedback-dialog { .feedback-dialog {
.details { .details {
margin-top: 20px;
padding-left: 60px;
padding-right: 60px;
textarea { textarea {
min-height: 100px; min-height: 100px;
} }
@ -82,10 +78,10 @@
} }
.star-btn { .star-btn {
color: $rateStarDefault; color: inherit;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
font-size: $rateStarSize; font-size: 34px;
outline: none; outline: none;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
@ -94,7 +90,7 @@
&.active, &.active,
&:hover, &:hover,
&.starHover { &.starHover {
color: $rateStarActivity; color: #36B37E;
}; };
} }

View File

@ -506,7 +506,8 @@
"average": "Average", "average": "Average",
"bad": "Bad", "bad": "Bad",
"good": "Good", "good": "Good",
"rateExperience": "Please rate your meeting experience.", "detailsLabel": "Tell us more about it.",
"rateExperience": "Rate your meeting experience",
"veryBad": "Very Bad", "veryBad": "Very Bad",
"veryGood": "Very Good" "veryGood": "Very Good"
}, },

View File

@ -224,9 +224,8 @@ class FeedbackDialog extends Component {
autoFocus = { true } autoFocus = { true }
className = 'input-control' className = 'input-control'
id = 'feedbackTextArea' id = 'feedbackTextArea'
isLabelHidden = { true } label = { t('feedback.detailsLabel') }
onChange = { this._onMessageChange } onChange = { this._onMessageChange }
placeholder = { t('dialog.feedbackHelp') }
shouldFitContainer = { true } shouldFitContainer = { true }
value = { message } /> value = { message } />
</div> </div>