min target area

finos · Nov 14, 2023 · 6b54142 · 6b54142
1 parent 5574685
commit 6b54142
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/code/src/ui/src/mui-a11y-tb/themes/TB.css b/code/src/ui/src/mui-a11y-tb/themes/TB.css
@@ -400,6 +400,7 @@
   --button-shadow: var(--elevation-1);
   --sm-button-height: 4;
   --sm-button-padding: 2;
+  --mobile-button-radius: calc(calc( calc(var(--button-radius) * var(--radius-1)) / calc(var(--button-height) * var(--spacing-1)) ) * var(--mobile-min-target));
   /* Chips */
   --chip-minwidth: 80px;
   --chip-height: 5;
@@ -2551,8 +2552,8 @@
   }
 
   [data-background="primary"] {
-    --background: var(--primary-alt-background);
-    --alt-background: var(--primary-background);
+    --background: var(--primary-background);
+    --alt-background: var(--primary-alt-background);
     --on-background: var(--primary-on-background);
     /* Button */
     --button: var(--primary-button);

diff --git a/code/src/ui/src/mui-a11y-tb/themes/Theme.css b/code/src/ui/src/mui-a11y-tb/themes/Theme.css
@@ -1723,6 +1723,9 @@ button.MuiPaginationItem-root:hover {
   position: relative;
   box-shadow: var(--sliderhandle-shadow);
 }
+.MuiSwitch-root:hover .MuiSwitch-switchBase:hover {
+  box-shadow: none;
+}
 .MuiSwitch-root .MuiSwitch-switchBase .MuiSwitch-thumb::after {
   position: absolute;
   pointer-events: none;
@@ -1795,6 +1798,7 @@ button.MuiPaginationItem-root:hover {
   height: var(--min-target) !important;
   width: var(--min-target)  !important;
   background: transparent !important;
+  box-shadow: none !important;
 }
 .MuiSlider-root .MuiSlider-thumb::before {
   height: calc( var(--sliderhandleHeight) * var(--spacing-1) );
@@ -1823,6 +1827,8 @@ button.MuiPaginationItem-root:hover {
    box-shadow: none !important;
  }
 
+
+
 /* popovers */
 .MuiPopover-paper {
    border-radius: calc(var(--popoverRadius) * var(--radius-1)) !important;
@@ -1937,6 +1943,9 @@ button.MuiPaginationItem-root:hover {
   bottom: calc(0px - calc(var(--focusBorder) + 2px));
   opacity: 1;
 }
+.MuiSwitch-switchBase:hover {
+  background-color: transparent !important;
+}
 /* icons */
 .icon-body {
   display: flex;

diff --git a/code/src/ui/src/mui-a11y-tb/themes/Theme.jsx b/code/src/ui/src/mui-a11y-tb/themes/Theme.jsx
@@ -942,7 +942,6 @@ try {
                         height: "calc(var(--sliderhandleHeight) * var(--spacing-1))",
                         width: "calc(var(--sliderhandleHeight) * var(--spacing-1) )",
                         borderRadius: "calc(var(--sliderhandleRadius) * var(--radius-1))",
-                       boxShadow: "var(--sliderhandle-shadow)",
                        backgroundColor: "var(--button)",
                        position: "absolute",
                        top: "50%",
@@ -1033,7 +1032,7 @@ try {
                             minHeight: "calc( calc( var(--chip-height) * var(--spacing-1) ) - calc( var(--border-1) * var(--button-border) * 2 ))",
                         },
                         "&:hover::after": {
-                            opacity: "var(--button-half)",
+                            opacity: ".5",
                             top:    "calc(((var(--min-target) - (var(--spacing-1) * var(--chip-height)))/2) - 3px)",
                             bottom: "calc(((var(--min-target) - (var(--spacing-1) * var(--chip-height)))/2) - 3px)",
                             left: "calc(-1px - calc(var(--border-1) * 2))",