diff --git a/css/questionset.css b/css/questionset.css index 5e9cd9b..90cf581 100644 --- a/css/questionset.css +++ b/css/questionset.css @@ -35,6 +35,12 @@ .dots-container { text-align: center; line-height: 2em; + padding: 0; + margin: 0; +} +.progress-item { + list-style: none; + display: inline-block; } .progress-dot { display: inline-block; @@ -95,6 +101,7 @@ } .qs-footer { overflow: hidden; + clear: both; } .qs-footer > .prev { @@ -125,6 +132,13 @@ transition: none; } +.qs-progress-announcer { + height: 0; + width: 0; + position: absolute; + overflow: hidden; +} + .h5p-question .h5p-question-prev, .h5p-question .h5p-question-finish, .h5p-question .h5p-question-next { diff --git a/js/questionset.js b/js/questionset.js index 788b447..912b8b3 100644 --- a/js/questionset.js +++ b/js/questionset.js @@ -31,6 +31,7 @@ H5P.QuestionSet = function (options, contentId) { '
<%= introPage.startButtonText %>
' + '' + '<% } %>' + + '
' + '
' + ' <% for (var i=0; i' + '
' + @@ -38,10 +39,14 @@ H5P.QuestionSet = function (options, contentId) { '