studio - checklists: revised input/label HTML and adjusted styling for each
This commit is contained in:
@@ -48,27 +48,25 @@
|
||||
<section class="course-checklist" id=${'course-checklist' + str(loop.index)}>
|
||||
<span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
|
||||
<header>
|
||||
<h3 class="checklist-title title-2" title="Collapse/Expand this Checklist">
|
||||
<h3 class="checklist-title title-2 is-selectable" title="Collapse/Expand this Checklist">
|
||||
<i class="ss-icon ss-symbolicons-standard icon-arrow ui-toggle-expansion">▾</i>
|
||||
|
||||
<i class="ss-icon ss-symbolicons-standard icon-confirm">✓</i>${checklist['short_description']}</h3>
|
||||
|
||||
<span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span></span>
|
||||
${checklist['short_description']}</h3>
|
||||
<span class="checklist-status status">
|
||||
Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span>
|
||||
<i class="ss-icon ss-symbolicons-standard icon-confirm">✓</i>
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<ul class="list list-tasks">
|
||||
|
||||
% for item in checklist['items']:
|
||||
<li class="task">
|
||||
<label for=${'course-checklist' + str(loop.parent.index) + '-task' + str(loop.index)}>
|
||||
<input type="checkbox" class="task-input" name=${'course-checklist' + str(loop.parent.index) + '-task' + str(loop.index)}
|
||||
id=${'course-checklist' + str(loop.parent.index) + '-task' + str(loop.index)}
|
||||
value=${item['is_checked']}>
|
||||
|
||||
<div class="task-details">
|
||||
<h4 class="task-name title title-3">${item['short_description']}</h4>
|
||||
<p class="task-description">${item['long_description']}</p>
|
||||
</div>
|
||||
<input type="checkbox" class="task-input" name=${'course-checklist' + str(loop.parent.index) + '-task' + str(loop.index)}
|
||||
id=${'course-checklist' + str(loop.parent.index) + '-task' + str(loop.index)}
|
||||
value=${item['is_checked']}>
|
||||
<label class="task-details" for=${'course-checklist' + str(loop.parent.index) + '-task' + str(loop.index)}>
|
||||
<h4 class="task-name title title-3">${item['short_description']}</h4>
|
||||
<p class="task-description">${item['long_description']}</p>
|
||||
</label>
|
||||
|
||||
% if item['action_text'] is not '' and item['action_url'] is not '':
|
||||
|
||||
Reference in New Issue
Block a user