Merge pull request #1916 from 4dn-dcic/utk_select_all_tooltip

Enable React Tooltip for Disabled Buttons

CHANGELOG.rst

@@ -7,6 +7,18 @@ Change Log
 ----------
 
 
+8.4.4
+=====
+
+`Enable React Tooltip for Disabled Buttons <https://github.com/4dn-dcic/fourfront/pull/1916>`_
+
+* Resolved an issue where **React Tooltip** was not displayed for `button` elements with the `disabled` attribute.
+* Updated CSS for disabled buttons:
+    - `cursor` is now set to `default`.
+    - `pointer-events` is now set to `auto`.
+* Tooltips are now consistently visible for disabled buttons.
+
+
 8.4.3
 =====
 

pyproject.toml

@@ -1,7 +1,7 @@
 [tool.poetry]
 # Note: Various modules refer to this system as "encoded", not "fourfront".
 name = "encoded"
-version = "8.4.3"
+version = "8.4.4"
 description = "4DN-DCIC Fourfront"
 authors = ["4DN-DCIC Team <[email protected]>"]
 license = "MIT"

src/encoded/static/scss/encoded/_bootstrap-theme-overrides.scss

@@ -24,6 +24,16 @@
         vertical-align: middle;
         transform: translate(0,-0.45px);
     }
+
+    &.disabled,
+    &:disabled {
+        cursor: default;
+        pointer-events: auto;
+
+        &:active {
+            pointer-events: none;
+        }
+    }
 }
 
 .btn.btn-lg {