MDL-81307 core_courseformat: Add bulk styles for small devices

theme/boost/scss/moodle/course.scss

@@ -1805,6 +1805,25 @@ $activity-add-hover: theme-color-level('primary', -10) !default;
     }
 }
 
+// Custom styles for bulk actions sticky footer in small devices.
+.stickyfooter.bulkactions {
+    @include media-breakpoint-down(sm) {
+        .form-check,
+        .bulkaction-name,
+        .bulkcount {
+            display: none;
+        }
+        .actions button {
+            padding: 0 map-get($spacers, 2);
+        }
+        .bulkcancel {
+            position: absolute;
+            top: 0;
+            right: 0;
+        }
+    }
+}
+
 /* Activity completion */
 
 .defaultactivitycompletion-item {

theme/boost/scss/moodle/debug.scss

@@ -10,7 +10,7 @@ body.behat-site {
     // Sticky footer can overlap with elements so we keep it relative for behat.
     &.hasstickyfooter .stickyfooter,
     .stickyfooter {
-        position: inherit;
+        position: relative;
         z-index: inherit;
     }
 

theme/boost/style/moodle.css

@@ -29945,6 +29945,22 @@ span.editinstructions .alert-link {
     margin-left: 2rem;
   }
 }
+@media (max-width: 767.98px) {
+  .stickyfooter.bulkactions .form-check,
+  .stickyfooter.bulkactions .bulkaction-name,
+  .stickyfooter.bulkactions .bulkcount {
+    display: none;
+  }
+  .stickyfooter.bulkactions .actions button {
+    padding: 0 0.5rem;
+  }
+  .stickyfooter.bulkactions .bulkcancel {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+}
+
 /* Activity completion */
 .defaultactivitycompletion-item a {
   color: #000;
@@ -36254,7 +36270,7 @@ body.behat-site .fixed-top {
 }
 body.behat-site.hasstickyfooter .stickyfooter,
 body.behat-site .stickyfooter {
-  position: inherit;
+  position: relative;
   z-index: inherit;
 }
 body.behat-site .dropdown-item {