github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-02-17 07:51:44 +00:00
Code Issues Projects Releases Packages Wiki Activity

Rewording + animation when shown the feedback panel.

Browse source
This commit is contained in:
Paulo Reis 2016-07-22 16:33:19 +01:00
parent b6cd6c2d7d
commit 37eb6252d2
2 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
services/web/app/views/project/editor/pdf.jade
View file

@ -148,10 +148,8 @@ div.full-size.pdf(ng-controller="PdfController")
ng-click="trackLogHintsNegativeFeedback(entry.ruleId); showNegFeedbackUI = true;"
href
) #{translate("answer_no")}
.card-hint-extra-feedback(
ng-show="showNegFeedbackUI && !feedbackSent"
)
p Can you help us understand why this hint wasn't helpful?
.card-hint-extra-feedback(ng-hide="!showNegFeedbackUI || feedbackSent")
p.card-hint-extra-feedback-label Can you help us understand why this hint wasn't helpful?
.radio: label
input(
type="radio"
@ -165,14 +163,14 @@ div.full-size.pdf(ng-controller="PdfController")
ng-model="negFeedbackReason"
value="not_applicable"
)
| I couldn’t apply it to my document
| I can’t apply this solution to my document
.radio: label
input(
type="radio"
ng-model="negFeedbackReason"
value="incorrect"
)
| I don’t think this is correct
| This doesn’t fix the error
.radio: label
input(
type="radio"

22
services/web/public/stylesheets/app/editor/pdf.less
View file

@ -203,6 +203,17 @@
white-space: nowrap;
}
@keyframes expand-feedback-area {
from {
max-height: 0;
}
to {
max-height: 500px;
}
}
.card-hint:extend(.card-thin) {
margin-top: 10px;
padding-bottom: 7px;
@ -283,9 +294,16 @@
&-extra-feedback {
color: @gray-dark;
font-size: 0.8rem;
border-top: solid 1px @gray-lighter;
margin-top: 10px;
padding: 5px;
padding-bottom: 5px;
animation: 0.5s ease-out expand-feedback-area;
overflow: hidden;
&-label {
margin: 5px 0 10px;
padding-top: 5px;
border-top: solid 1px @gray-lighter;
}
.radio {
margin: 5px;