UX: shorten text to "Solution"

UX: styles Solved in green
UX: hide by XYZ by default
This commit is contained in:
Sam 2015-07-14 16:18:56 +10:00
parent 77098bff4e
commit 394fbb83ff
3 changed files with 10 additions and 6 deletions

View File

@ -81,7 +81,7 @@ export default {
'unacceptAnswer', 'unacceptAnswer',
locale, locale,
'check-square', 'check-square',
{className: 'accepted fade-out', prefixHTML: '<span class="accepted-text">' + I18n.t('solved.accepted_answer') + '</span>'}) {className: 'accepted fade-out', prefixHTML: '<span class="accepted-text">' + I18n.t('solved.solution') + '</span>'})
); );
} }

View File

@ -1,4 +1,4 @@
.post-controls .accepted, .fa.accepted, .accepted-text { .solved-panel, .post-controls .accepted, .fa.accepted, .accepted-text {
color: green; color: green;
} }
@ -20,15 +20,18 @@
float: left; float: left;
} }
.mobile-view .cooked .solved { .mobile-view .solved-panel {
margin-bottom: 15px; margin-bottom: 15px;
} }
.cooked .solved { .solved-panel {
.by {
display: none;
}
margin-top: 20px; margin-top: 20px;
margin-bottom: 0px; margin-bottom: 0px;
color: scale-color($primary, $lightness: 15%);
font-size: 13px; font-size: 13px;
// margin-bottom: 0px; // margin-bottom: 0px;
// padding: 4px 0px; // padding: 4px 0px;

View File

@ -6,5 +6,6 @@ en:
has_accepted_answer: "This topic has an accepted answer" has_accepted_answer: "This topic has an accepted answer"
unaccept_answer: "Unaccept answer" unaccept_answer: "Unaccept answer"
accepted_answer: "Accepted answer" accepted_answer: "Accepted answer"
accepted_html: "<i class='fa-check-square fa accepted'></i> Solved by <a href data-user-card='{{username_lower}}'>{{username}}</a> in <a href='{{post_path}}'>post #{{post_number}}</a>" solution: "Solution"
accepted_html: "<i class='fa-check-square fa accepted'></i> Solved <span class='by'>by <a href data-user-card='{{username_lower}}'>{{username}}</a></span> in <a href='{{post_path}}'>post #{{post_number}}</a>"
accepted_notification: "<i title='accepted' class='fa fa-check-square'></i><p><span>{{username}}</span> {{description}}</p>" accepted_notification: "<i title='accepted' class='fa fa-check-square'></i><p><span>{{username}}</span> {{description}}</p>"