fix: Disabled state button transition time (apache#13008)

* button fix

* tooltips disabled when it is disabled, border width changed

* added isDisabled to tooltip

* worked on transition times

* cleaned up transition to be local instead of global

* made it local

* linted

* trying to resolve a conflict

superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx

@@ -69,6 +69,8 @@ const onClick = (
 const StyledButton = styled.span`
   button {
     line-height: 13px;
+    // this is to over ride a previous transition built into the component
+    transition: background-color 0ms;
     &:last-of-type {
       margin-right: ${({ theme }) => theme.gridUnit * 2}px;
     }

superset-frontend/src/common/components/Dropdown.tsx

@@ -82,7 +82,8 @@ const StyledDropdownButton = styled.div`
         margin: 0;
         width: 120px;
       }
-      :disabled {
+
+      &:disabled {
         background-color: ${({ theme }) => theme.colors.grayscale.light2};
         color: ${({ theme }) => theme.colors.grayscale.base};
       }
@@ -102,7 +103,8 @@ const StyledDropdownButton = styled.div`
           top: ${({ theme }) => theme.gridUnit * 0.75}px;
           width: ${({ theme }) => theme.gridUnit * 0.25}px;
         }
-        :disabled:before {
+
+        &:disabled:before {
           border-left: 1px solid ${({ theme }) => theme.colors.grayscale.base};
         }
       }