MDL-69111 mod_forum: forum grading on small viewports
[moodle.git] / mod / forum / templates / local / grades / local / grader / navigation.mustache
index 44bf942..37db5b8 100644 (file)
@@ -34,7 +34,7 @@
         "moduleName": "Chef the Forum"
     }
 }}
-<nav id="nav-container-{{uniqid}}" class="grader-grading_navigation navbar" aria-label="{{#str}} forumgradingnavigation, mod_forum {{/str}}">
+<nav id="nav-container-{{uniqid}}" class="grader-grading_navigation navbar px-0 px-sm-3" aria-label="{{#str}} forumgradingnavigation, mod_forum {{/str}}">
     <div class="d-none d-sm-flex align-items-center">
         <a href="{{{courseUrl}}}" class="btn btn-link px-2 colour-inherit">
             <h5 class="d-inline px-0 mb-0">{{courseName}}</h5>
@@ -47,7 +47,7 @@
         <h5 class="d-inline px-2 mb-0 font-weight-bold">{{#str}}grading, forum{{/str}}</h5>
     </div>
 
-    <div class="ml-auto">
+    <div class="ml-1 ml-sm-auto">
         <button
             class="btn btn-icon icon-no-margin drawer-button mr-1 active"
             data-action="expand-grading-drawer"
@@ -60,7 +60,7 @@
             <span class="dir-rtl-hide" aria-hidden="true">{{#pix}} show-grader-panel, mod_forum, {{#str}} showgraderpanel, mod_forum {{/str}} {{/pix}}</span>
         </button>
         <button
-            class="btn btn-icon icon-no-margin drawer-button mr-1"
+            class="btn btn-icon icon-no-margin drawer-button mr-1 d-none d-sm-inline-block"
             aria-label="{{#str}} hidegraderpanel, mod_forum {{/str}}"
             data-action="collapse-grading-drawer"
             aria-controls="grading-drawer-{{uniqid}}"
             <span aria-hidden="true">{{#pix}} hide-grader-panel, mod_forum, {{#str}} hidegraderpanel, mod_forum {{/str}} {{/pix}}</span>
         </button>
         <button
-            class="btn btn-primary font-weight-bold ml-2 px-4"
+            class="btn btn-primary font-weight-bold ml-sm-2 px-4"
             data-action="savegrade"
         >
             {{#str}} save {{/str}}
         </button>
         <button
-            class="btn btn-secondary font-weight-bold ml-2 px-4"
+            class="btn btn-secondary font-weight-bold ml-1 ml-sm-2 px-4"
             aria-label="{{#str}} closegrader, mod_forum {{/str}}"
             data-action="closegrader"
             type="button"
         >
             {{#str}} close, mod_forum {{/str}}
         </button>
-        <div class="btn-group">
-        <button
+        <div class="btn-group d-none d-sm-inline-block">
+            <button
                 class="btn btn-icon text-muted icon-no-margin icon-size-3 ml-2"
                 type="button"
                 id="grader-actions-menu-{{uniqid}}"