From 5f3cb3de39be20315fe525ea2d6af8287cdd595f Mon Sep 17 00:00:00 2001
From: Simey Lameze <simey@moodle.com>
Date: Tue, 1 Aug 2017 10:10:16 +0800
Subject: [PATCH] MDL-60052 theme_bootstrapbase: proper handling of large
 modals

---
 theme/bootstrapbase/less/moodle/modal.less | 10 ++++------
 theme/bootstrapbase/style/moodle.css       |  6 +++---
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/theme/bootstrapbase/less/moodle/modal.less b/theme/bootstrapbase/less/moodle/modal.less
index 716de8b682f..ecf0b0cd15d 100644
--- a/theme/bootstrapbase/less/moodle/modal.less
+++ b/theme/bootstrapbase/less/moodle/modal.less
@@ -28,6 +28,10 @@ body {
         border-radius: 10px;
         border: none;
 
+        &.modal-lg {
+            max-width: 900px;
+        }
+
         .modal-header {
             min-height: 13px;
             padding: 5px;
@@ -98,12 +102,6 @@ body {
             border-radius: 0 0 10px 10px;
         }
     }
-
-    &.large {
-        .modal {
-            max-width: 900px;
-        }
-    }
 }
 
 .modal-backdrop {
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index b6072158687..293084a0a8c 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -14305,6 +14305,9 @@ body.modal-open {
   border-radius: 10px;
   border: none;
 }
+.modal-container .modal.modal-lg {
+  max-width: 900px;
+}
 .modal-container .modal .modal-header {
   min-height: 13px;
   padding: 5px;
@@ -14364,9 +14367,6 @@ body.modal-open {
   box-shadow: none;
   border-radius: 0 0 10px 10px;
 }
-.modal-container.large .modal {
-  max-width: 900px;
-}
 .modal-backdrop {
   z-index: 4049;
   background-color: #aaa;