From: Bas Brands <bas@moodle.com>
Date: Mon, 8 Jun 2020 08:14:01 +0000 (+0200)
Subject: MDL-68919 theme_boost: prevent nav-tabs collapsing on safari
X-Git-Tag: v3.9.0-rc1~4^2
X-Git-Url: http://git.moodle.org/gw?p=moodle.git;a=commitdiff_plain;h=f9a99e0eaabcb42bce1d358113f82c56aa66a9d7

MDL-68919 theme_boost: prevent nav-tabs collapsing on safari

- Flexbox seems to have an issue on safari which shows when using
the activity chooser on mobile. this might be Flexbug moodle#14 listed
on https://github.com/philipwalton/flexbugs
---

diff --git a/course/templates/activitychooser.mustache b/course/templates/activitychooser.mustache
index 4511df99bd4..1a891afcbfe 100644
--- a/course/templates/activitychooser.mustache
+++ b/course/templates/activitychooser.mustache
@@ -41,7 +41,7 @@
                     {{>core_course/local/activitychooser/search}}
                 </div>
                 <div data-region="chooser-container" class="chooser-container">
-                    <div class="nav nav-tabs z-index-1" id="activities-{{uniqid}}" role="tablist">
+                    <div class="nav nav-tabs flex-shrink-0 z-index-1" id="activities-{{uniqid}}" role="tablist">
                         <a class="nav-item nav-link {{#favouritesFirst}}active{{/favouritesFirst}} {{^favourites}}d-none{{/favourites}}"
                            id="starred-tab-{{uniqid}}"
                            data-toggle="tab"