mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-01-17 21:49:15 +01:00
Code Issues Projects Releases Wiki Activity

MDL-73464 book: Scroll to chapter top when navigating through the book

Browse Source 
When navigating to the next / previous chapter, the chapter should be
the page element that gets the user's attention and focus. Its title
should be displayed at the prominent top page area without the need to
scroll to it all the time.
This commit is contained in:
David Mudrák 2021-12-29 13:00:45 +01:00 committed by Mathew May
parent d78de537ff
commit b407af725f
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
mod/book/templates/main_action_menu.mustache
View File

@ -42,12 +42,12 @@
<div class="row"> <div class="row">
{{#previous}} {{#previous}}
<div class="navitem"> <div class="navitem">
<a class="btn btn-secondary" href="{{url}}">{{title}}</a> <a class="btn btn-secondary" href="{{url}}#mod_book-chaptersnavigation">{{title}}</a>
</div> </div>
{{/previous}} {{/previous}}
{{#next}} {{#next}}
<div class="navitem ml-auto"> <div class="navitem ml-auto">
<a class="btn btn-secondary" href="{{url}}">{{title}}</a> <a class="btn btn-secondary" href="{{url}}#mod_book-chaptersnavigation">{{title}}</a>
</div> </div>
{{/next}} {{/next}}
</div> </div>

2
mod/book/view.php
View File

@ -123,7 +123,7 @@ if (!$chapterid) {
$renderer = $PAGE->get_renderer('mod_book'); $renderer = $PAGE->get_renderer('mod_book');
$actionmenu = new \mod_book\output\main_action_menu($cm->id, $chapters, $chapter, $book); $actionmenu = new \mod_book\output\main_action_menu($cm->id, $chapters, $chapter, $book);
$renderedmenu = $renderer->render($actionmenu); $renderedmenu = $renderer->render($actionmenu);
echo $renderedmenu; echo html_writer::div($renderedmenu, '', ['id' => 'mod_book-chaptersnavigation']);
// The chapter itself. // The chapter itself.
$hidden = $chapter->hidden ? ' dimmed_text' : null; $hidden = $chapter->hidden ? ' dimmed_text' : null;