MDL-47242 theme_bootstrapbase: inverted color and RTL fixes

theme/bootstrapbase/less/moodle/responsive.less

@@ -462,7 +462,6 @@
     .navbar {
         .nav-collapse.active {
             border-top: 1px solid @navbarBorder;
-            box-shadow: 0px -8px 24px rgba(0, 0, 0, 0.125);
             &.pull-left,
             &.pull-right {
                 float: none;
@@ -530,7 +529,72 @@
                 }
             }
         }
+
+        &.navbar-inverse {
+            .nav-collapse.active {
+                border-top-color: @navbarInverseBorder;
+                .nav,
+                .nav .dropdown-menu {
+                    .dropdown-submenu {
+                        .dropdown-toggle {
+                            &:after {
+                                border-top-color: @navbarInverseBorder;
+                            }
+                        }
+                        &.open {
+                            > a {
+                                background-color: @navbarInverseBackground;
+                            }
+                        }
+
+                        &:hover {
+                            &.open {
+                                > a {
+                                    background: @navbarInverseBackground;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
     }
+    
+    .dir-rtl {
+        .navbar {
+            .nav-collapse.active {
+                > .nav {
+                    margin: 0;
+                    > li > a {
+                        padding-left: 0px;
+                        padding-right: 20px;
+                    }
+                    .dropdown-menu {
+                        margin: 0px 15px 0px 0px;
+                    }
+                }
+                .dropdown-menu {
+                    > li {
+                        > a {
+                            padding: 9px 15px;
+                        }
+                    }
+                }
+                .nav,
+                .nav .dropdown-menu {
+                    .dropdown-submenu {
+                        .dropdown-toggle {
+                            &:after {
+                                margin-left: 0px;
+                                margin-right: 4px;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
 }
 
 @media (max-width: 767px) {