IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Fix missing css styles on invite modal.

Browse Source
This commit is contained in:
Guo Xiang Tan
2018-02-22 15:37:27 +08:00
parent dd26bbe868
commit 18c1d1565c
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/templates/modal/invite.hbs
View File

@@ -27,13 +27,14 @@
{{else}} {{else}}
{{text-field value=emailOrUsername placeholderKey="topic.invite_reply.email_placeholder"}} {{text-field value=emailOrUsername placeholderKey="topic.invite_reply.email_placeholder"}}
{{/if}} {{/if}}
{{#if showGroups}} {{#if showGroups}}
<label><span class={{showGroupsClass}}>{{i18n 'topic.automatically_add_to_groups'}}</span></label> <label><span class={{showGroupsClass}}>{{i18n 'topic.automatically_add_to_groups'}}</span></label>
{{group-selector groupFinder=groupFinder groupNames=model.groupNames placeholderKey="topic.invite_private.group_name"}} {{group-selector groupFinder=groupFinder groupNames=model.groupNames placeholderKey="topic.invite_private.group_name"}}
{{/if}} {{/if}}
{{#if showCustomMessage}} {{#if showCustomMessage}}
<br><label><span class='optional'>{{i18n 'invite.custom_message'}}</span> <a {{action "showCustomMessageBox"}}>{{i18n 'invite.custom_message_link'}}</a>.</label> <label><span class='optional'>{{i18n 'invite.custom_message'}}</span> <a {{action "showCustomMessageBox"}}>{{i18n 'invite.custom_message_link'}}</a>.</label>
{{#if hasCustomMessage}}{{textarea value=customMessage placeholder=customMessagePlaceholder}}{{/if}} {{#if hasCustomMessage}}{{textarea value=customMessage placeholder=customMessagePlaceholder}}{{/if}}
{{/if}} {{/if}}

8
app/assets/stylesheets/common/base/modal.scss
View File

@@ -282,11 +282,13 @@
} }
} }
.invite-modal { #invite-modal {
overflow: visible; overflow: visible;
.ember-text-field {
width: 550px; label {
margin-top: 7px;
} }
.optional { .optional {
color: #9e9ea6; color: #9e9ea6;
} }