Make the discussion board responsive

LEARNER-1923
This commit is contained in:
Andy Armstrong
2017-10-16 15:39:32 -04:00
parent 80126fc79f
commit d18022bb5d
49 changed files with 314 additions and 178 deletions

View File

@@ -44,8 +44,8 @@
%></div>
</fieldset>
<div class="form-actions">
<input type="button" id="new-link-image-ok" class="btn-brand form-btn" value="<%- okText %>" />
<input type="button" id="new-link-image-cancel" class="btn form-btn" value="<%- cancelText %>" >
<input type="button" id="new-link-image-ok" class="btn btn-primary form-btn" value="<%- okText %>" />
<input type="button" id="new-link-image-cancel" class="btn btn-outline-primary form-btn" value="<%- cancelText %>" >
</div>
</form>
</div>

View File

@@ -2,7 +2,7 @@
<h<%- startHeader %> class="thread-title"><%- gettext("Add a Post") %></h<%- startHeader %>>
<% if (mode === 'inline') { %>
<button class="btn-default add-post-cancel">
<button class="btn btn-outline-primary btn-default add-post-cancel">
<span class="sr"><%- gettext('Cancel') %></span>
<span class="fa fa-close" aria-hidden="true"></span>
</button>
@@ -67,7 +67,7 @@
<% } %>
</div>
<div>
<button type="submit" class="btn-brand submit"><%- gettext('Submit') %></button>
<button type="button" class="btn cancel"><%- gettext('Cancel') %></button>
<button type="submit" class="btn btn-primary submit"><%- gettext('Submit') %></button>
<button type="button" class="btn btn-outline-primary cancel"><%- gettext('Cancel') %></button>
</div>
</form>

View File

@@ -4,6 +4,6 @@
<div class="form-row">
<div class="edit-comment-body" name="body" data-id="<%- id %>"><%- body %></div>
</div>
<button type="submit" id="edit-comment-submit" class="btn-brand post-update"><%- gettext("Update comment") %></button>
<button class="btn post-cancel"><%- gettext("Cancel") %></button>
<button type="submit" id="edit-comment-submit" class="btn btn-primary post-update"><%- gettext("Update comment") %></button>
<button class="btn btn-outline-primary post-cancel"><%- gettext("Cancel") %></button>
</div>

View File

@@ -14,5 +14,5 @@
<p class="sr-only field-help" id="edit-post-editor-description"><%- gettext('Edit your post below.') %></p>
<div class="edit-post-body" aria-describedby="edit-post-editor-description" name="body"><%- body %></div>
</div>
<button type="submit" id="edit-post-submit" class="btn-brand submit post-update"><%- gettext("Update post") %></button>
<button class="btn post-cancel"><%- gettext("Cancel") %></button>
<button type="submit" id="edit-post-submit" class="btn btn-primary submit post-update"><%- gettext("Update post") %></button>
<button class="btn btn-outline-primary post-cancel"><%- gettext("Cancel") %></button>

View File

@@ -4,6 +4,6 @@
<div class="form-row">
<div class="edit-post-body" name="body" data-id="<%- id %>"><%- body %></div>
</div>
<button type="submit" id="edit-response-submit"class="btn-brand post-update"><%- gettext("Update response") %></button>
<button class="btn post-cancel"><%- gettext("Cancel") %></button>
<button type="submit" id="edit-response-submit"class="btn btn-primary post-update"><%- gettext("Update response") %></button>
<button class="btn btn-outline-primary post-cancel"><%- gettext("Cancel") %></button>
</div>

View File

@@ -15,7 +15,7 @@
<div class="comment-body" id="add-new-comment-<%- wmdId %>" data-id="<%- wmdId %>"
data-placeholder="<%- gettext('Add a comment') %>"></div>
<div class="comment-post-control">
<button class="btn-brand discussion-submit-comment control-button"><%- gettext("Submit") %></button>
<button class="btn btn-primary discussion-submit-comment control-button"><%- gettext("Submit") %></button>
</div>
</form>
<% } %>

View File

@@ -10,7 +10,7 @@
<div class="response-btn-count-wrapper">
<% if (!readOnly) { %>
<div class="add-response">
<button class="btn btn-small add-response-btn">
<button class="btn btn-outline-primary btn-small add-response-btn">
<%- gettext("Add a Response") %>
</button>
</div>
@@ -29,7 +29,7 @@
<ul class="discussion-errors"></ul>
<div class="reply-body" data-id="<%- id %>"></div>
<div class="reply-post-control">
<button class="btn discussion-submit-post control-button"><%- gettext("Submit") %></button>
<button class="btn btn-outline-primary discussion-submit-post control-button"><%- gettext("Submit") %></button>
</div>
</form>
<% } %>