Merge pull request #627 from lwnoble/main

data-animation
finos · Sep 25, 2023 · adf241b · adf241b
2 parents 28d20dc + a61f74e
commit adf241b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/code/src/ui/src/mui-a11y-tb/themes/TB.css b/code/src/ui/src/mui-a11y-tb/themes/TB.css
@@ -2799,5 +2799,9 @@
     --h5FontSize: calc(calc(calc( calc(var(--h1FontSize) - var(--h6FontSize))/5) * 1) +  var(--h6FontSize));
     --h6FontSize: 16px;
   }
+  [data-animation="sensitive"] {
+    --animation-speed: 0;
+    --animation-focus-distance: 0px;
+  }
 
 }
diff --git a/code/src/ui/src/mui-a11y-tb/themes/Theme.css b/code/src/ui/src/mui-a11y-tb/themes/Theme.css
@@ -791,7 +791,7 @@ button {
   color: var(--on-button) !important;
   border-radius: calc(var(--radius-1) * var(--button-radius));
   min-height: max(var(--min-target), calc(var(--button-height) * var(--spacing-1))) !important;
-  min-width: calc(var(--spacing-1) * var(--button-minwidth));
+  min-width: max(var(--min-target), calc(var(--spacing-1) * var(--button-minwidth))) !important;
   text-align: center;
   padding: 0 calc(var(--spacing-1) * var(--button-padding));
   border: none;
@@ -827,6 +827,7 @@ button:not(.MuiTab-root)::after  {
   content: '';
   transition: var(--animation-speed) cubic-bezier(0.68, -0.55, 0.265, 1.55) all;
   min-height: calc(var(--button-height) * var(--spacing-1) + var(--border-1) * var(--button-border) * 2px + 4px);
+  min-width: calc(var(--button-height) * var(--spacing-1) + var(--border-1) * var(--button-border) * 2px + 4px);
 }
 button:not(.MuiTab-root):not(.MuiButtonGroup-grouped)::after  {
   border-radius: calc(var(--button-radius) * var(--radius-1) + 1.9px);
@@ -918,6 +919,7 @@ button.small-btn {
   background: transparent !important;
   padding: 0 calc(var(--spacing-1) * var(--sm-button-padding));
   z-index: 1;
+  min-width: max(var(--min-target), calc(var(--sm-button-height) * var(--spacing-1))) !important;
   min-height: max(var(--min-target), calc(var(--sm-button-height) * var(--spacing-1))) !important;
   font: var(--sm-buttonTypography);
   text-transform: var(--sm-buttonTextTransform) !important;