UX: Change composer's edit reason link to an icon

This commit is contained in:
Kris 2019-09-30 20:58:31 -04:00
parent 444d123f0d
commit 5cfbe19eef
4 changed files with 24 additions and 7 deletions

View File

@ -1,5 +1,12 @@
{{#if showInput}}
{{yield}}
{{else}}
<a href>{{i18n key}}</a>
<a href>
{{#if key}}
{{i18n key}}
{{/if}}
{{#if icon}}
{{d-icon icon}}
{{/if}}
</a>
{{/if}}

View File

@ -37,7 +37,7 @@
{{/unless}}
{{#if canEdit}}
{{#link-to-input onClick=(action "displayEditReason") showInput=showEditReason key="composer.show_edit_reason" class="display-edit-reason"}}
{{#link-to-input onClick=(action "displayEditReason") showInput=showEditReason icon="info-circle" class="display-edit-reason"}}
{{text-field value=editReason tabindex="7" id="edit-reason" maxlength="255" placeholderKey="composer.edit_reason_placeholder"}}
{{/link-to-input}}
{{/if}}

View File

@ -169,12 +169,23 @@
font-style: italic;
}
.whisper {
margin-right: 0.25em;
}
.display-edit-reason {
display: inline;
display: inline-flex;
a {
display: inline-flex;
}
.d-icon {
padding: 0.3em 0.5em;
color: $tertiary;
}
}
#edit-reason {
margin: 4px;
margin: 0 4px;
}
.user-selector,

View File

@ -385,8 +385,8 @@ en:
min_score_visibility: "Minimum Score for Visibility"
score_to_hide: "Score to Hide Post"
take_action_bonus:
name: 'took action'
title: 'When a staff member chooses to take action the flag is given a bonus.'
name: "took action"
title: "When a staff member chooses to take action the flag is given a bonus."
user_accuracy_bonus:
name: "user accuracy"
title: "Users whose flags have been historically agreed with are given a bonus."
@ -1645,7 +1645,6 @@ en:
title_placeholder: "What is this discussion about in one brief sentence?"
title_or_link_placeholder: "Type title, or paste a link here"
edit_reason_placeholder: "why are you editing?"
show_edit_reason: "(add edit reason)"
topic_featured_link_placeholder: "Enter link shown with title."
remove_featured_link: "Remove link from topic."
reply_placeholder: "Type here. Use Markdown, BBCode, or HTML to format. Drag or paste images."