Commit 1ba564c3 by Tyler Hallada

Edit highlights modal copy

Make modal intro text darker.

Make intro message dark in the base modal scss
parent 908d5f91
...@@ -225,11 +225,9 @@ define(['jquery', 'backbone', 'underscore', 'gettext', 'js/views/baseview', ...@@ -225,11 +225,9 @@ define(['jquery', 'backbone', 'underscore', 'gettext', 'js/views/baseview',
getIntroductionMessage: function() { getIntroductionMessage: function() {
return StringUtils.interpolate( return StringUtils.interpolate(
gettext( gettext(
'The highlights you provide here are messaged (i.e., emailed) to learners. Each {item}\'s ' + 'Enter 3-5 highlights to include in the email message that learners receive for ' +
'highlights are emailed at the time that we expect the learner to start working on that {item}. ' + 'this section (250 character limit).'
'At this time, we assume that each {item} will take 1 week to complete.' )
),
{item: this.options.xblockType}
); );
}, },
......
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
@extend %t-copy-sub1; @extend %t-copy-sub1;
margin: 0 0 $baseline 0; margin: 0 0 $baseline 0;
color: $gray; color: $gray-d2;
} }
.message-status { .message-status {
......
...@@ -654,15 +654,16 @@ ...@@ -654,15 +654,16 @@
width: 18px; width: 18px;
} }
.highlight-input-text { .highlights-section-modal {
width: 100%; .highlight-input-text {
margin-bottom: ($baseline/4); width: 100%;
margin-top: ($baseline/4); margin-bottom: ($baseline/4);
} margin-top: ($baseline/4);
}
.highlights-description { .highlight-input-label {
font-size: 80%; font-weight: 600;
font-weight: bolder; }
} }
// outline: edit item settings // outline: edit item settings
...@@ -754,10 +755,6 @@ ...@@ -754,10 +755,6 @@
.bulkpublish-section-modal, .bulkpublish-section-modal,
.bulkpublish-subsection-modal, .bulkpublish-subsection-modal,
.bulkpublish-unit-modal { .bulkpublish-unit-modal {
.modal-introduction {
color: $gray-d2;
}
.modal-section .outline-bulkpublish { .modal-section .outline-bulkpublish {
max-height: ($baseline*20); max-height: ($baseline*20);
overflow-y: auto; overflow-y: auto;
......
...@@ -2,25 +2,34 @@ ...@@ -2,25 +2,34 @@
<h3 class="modal-section-title" id="highlights_label"><%- gettext('Section Highlights') %></h3> <h3 class="modal-section-title" id="highlights_label"><%- gettext('Section Highlights') %></h3>
<div class="modal-section-content block-highlights"> <div class="modal-section-content block-highlights">
<div role="group" class="list-fields" aria-labelledby="highlights_label"> <div role="group" class="list-fields" aria-labelledby="highlights_label">
<p class='field-message highlights-description' id='highlights_description'>
<%- gettext('Please enter 3-5 highlights to be sent as separate bullet points in the message.') %>
</p>
<% <%
var max_number_of_highlights = 5; var max_number_of_highlights = 5;
%> %>
<% _.each(highlights, function(highlight){ %> <% _.each(highlights, function(highlight, i){ %>
<input <label class="highlight-input-label">
class="input input-text highlight-input-text" <%- edx.StringUtils.interpolate(
type="text" maxlength="250" aria-describedby="highlights_description" gettext('Highlight {highlight_index}'),
value="<%= _.escape(highlight) %>" { highlight_index: i + 1 }
/> ) %>
<input
class="input input-text highlight-input-text"
type="text" maxlength="250" aria-describedby="highlights_description"
value="<%= _.escape(highlight) %>"
/>
</label>
<% }); %> <% }); %>
<% for (i = highlights.length; i < max_number_of_highlights; i++) { %> <% for (i = highlights.length; i < max_number_of_highlights; i++) { %>
<input <label class="highlight-input-label">
class="input input-text highlight-input-text" <%- edx.StringUtils.interpolate(
type="text" maxlength="250" aria-describedby="highlights_description" gettext('Highlight {highlight_index}'),
placeholder="<%- gettext('A highlight to look forward to this week.') %>" { highlight_index: i + 1 }
/> ) %>
<input
class="input input-text highlight-input-text"
type="text" maxlength="250" aria-describedby="highlights_description"
placeholder="<%- gettext('A highlight to look forward to this week.') %>"
/>
</label>
<% } %> <% } %>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment