[Rt-commit] rt branch, 5.0/remove-dropdown-item-active-background, created. rt-5.0.0-135-gb21daff569

[Craig Kaiser]

The branch, 5.0/remove-dropdown-item-active-background has been created
        at  b21daff56931e795fe88f17a374fd1f3cf75a311 (commit)

- Log -----------------------------------------------------------------
commit b21daff56931e795fe88f17a374fd1f3cf75a311
Author: craig kaiser <craig at bestpractical.com>
Date:   Wed Dec 23 10:39:34 2020 -0500

    Remove blue background on dropdown-item active

diff --git a/devel/third-party/bootstrap-4.2.1/scss/_variables.scss b/devel/third-party/bootstrap-4.2.1/scss/_variables.scss
index 25e26843e0..077ac80908 100644
--- a/devel/third-party/bootstrap-4.2.1/scss/_variables.scss
+++ b/devel/third-party/bootstrap-4.2.1/scss/_variables.scss
@@ -671,7 +671,7 @@ $dropdown-link-hover-color:         darken($gray-900, 5%) !default;
 $dropdown-link-hover-bg:            $gray-100 !default;
 
 $dropdown-link-active-color:        $component-active-color !default;
-$dropdown-link-active-bg:           $component-active-bg !default;
+$dropdown-link-active-bg:           transparent !default;
 
 $dropdown-link-disabled-color:      $gray-600 !default;
 
diff --git a/share/static/css/elevator-light/bootstrap.css b/share/static/css/elevator-light/bootstrap.css
index 0a155d6615..961386b04f 100644
--- a/share/static/css/elevator-light/bootstrap.css
+++ b/share/static/css/elevator-light/bootstrap.css
@@ -3265,7 +3265,7 @@ input[type="button"].btn-block {
 .dropdown-item.active, .dropdown-item:active {
   color: #fff;
   text-decoration: none;
-  background-color: #007bff;
+  background-color: transparent;
 }
 
 .dropdown-item.disabled, .dropdown-item:disabled {
@@ -3934,6 +3934,7 @@ input[type="button"].btn-block {
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
+  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-appearance: none;
   appearance: none;
@@ -3941,6 +3942,7 @@ input[type="button"].btn-block {
 
 @media screen and (prefers-reduced-motion: reduce) {
   .custom-range::-webkit-slider-thumb {
+    -webkit-transition: none;
     transition: none;
   }
 }
@@ -3965,6 +3967,7 @@ input[type="button"].btn-block {
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
+  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -moz-appearance: none;
   appearance: none;
@@ -3972,6 +3975,7 @@ input[type="button"].btn-block {
 
 @media screen and (prefers-reduced-motion: reduce) {
   .custom-range::-moz-range-thumb {
+    -moz-transition: none;
     transition: none;
   }
 }
@@ -3999,12 +4003,14 @@ input[type="button"].btn-block {
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
+  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   appearance: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
   .custom-range::-ms-thumb {
+    -ms-transition: none;
     transition: none;
   }
 }

-----------------------------------------------------------------------