MDL-56511 theme_boost: Work around CSS Parser restrictions
authorBas Brands <bas@moodle.com>
Tue, 17 Apr 2018 13:13:31 +0000 (15:13 +0200)
committerAndrew Nicols <andrew@nicols.co.uk>
Wed, 18 Apr 2018 01:31:57 +0000 (09:31 +0800)
The CSS Parser used in Moodle does not handle the use of complex
calculations at this stage.
The temporary workaround here uses a fixed position to ensure that the
popover arrows affected are in the correct location.

theme/boost/scss/moodle/undo.scss

index c9e8049..426f7d0 100644 (file)
@@ -147,3 +147,16 @@ ol {
         }
     }
 }
+/* Force positioning of popover arrows.
+ *
+ * The Css prefixer used in Moodle does not support complex calc statements used
+ * in Bootstrap 4 CSS. For example:
+ * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
+ * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
+ */
+ .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
+    left: -9px;
+ }
+  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
+    right: -9px;
+ }