feat(unity-bootstrap-theme): applied some feedback changes

juanmitriatti · juanmitriatti · commit 6b791b57d441 · 2025-08-13T09:27:02.000-03:00
UDS-1970
diff --git a/packages/unity-bootstrap-theme/src/scss/extends/_buttons.scss b/packages/unity-bootstrap-theme/src/scss/extends/_buttons.scss
@@ -5,15 +5,12 @@
     1rem;
 }
 
-@mixin clickable-area($min-width: 80px, $min-height: 44px) {
+@mixin clickable-area() {
   position: relative;
   &::before {
     content: "";
     position: absolute;
-    min-width: $min-width;
-    min-height: $min-height;
-    z-index: -1;
-    inset: 0;
+    inset: -10px;
     margin: auto;
   }
 }
@@ -24,6 +21,8 @@
   font-weight: bold;
   white-space: nowrap;
   width: max-content !important;
+  @include clickable-area();
+
   &::first-letter {
     text-transform: uppercase;
   }
@@ -33,14 +32,11 @@
   }
   &.btn-md {
     @include btn-md;
-    @include clickable-area(80px, 44px);
   }
   &.btn-sm {
     font-size: 0.75rem;
     padding: $uds-component-button-padding-y-small
       $uds-component-button-padding-x-small;
-
-    @include clickable-area(64px, 44px);
   }
   &.btn-tag {
     font-size: 0.75rem;

Original file line number	Diff line number	Diff line change
`@@ -5,15 +5,12 @@`
`5`	`5`	`1rem;`
`6`	`6`	`}`
`7`	`7`
`8`		`-@mixin clickable-area($min-width: 80px, $min-height: 44px) {`
	`8`	`+@mixin clickable-area() {`
`9`	`9`	`position: relative;`
`10`	`10`	`&::before {`
`11`	`11`	`content: "";`
`12`	`12`	`position: absolute;`
`13`		`- min-width: $min-width;`
`14`		`- min-height: $min-height;`
`15`		`- z-index: -1;`
`16`		`- inset: 0;`
	`13`	`+ inset: -10px;`
`17`	`14`	`margin: auto;`
`18`	`15`	`}`
`19`	`16`	`}`
`@@ -24,6 +21,8 @@`
`24`	`21`	`font-weight: bold;`
`25`	`22`	`white-space: nowrap;`
`26`	`23`	`width: max-content !important;`
	`24`	`+ @include clickable-area();`
	`25`	`+`
`27`	`26`	`&::first-letter {`
`28`	`27`	`text-transform: uppercase;`
`29`	`28`	`}`
`@@ -33,14 +32,11 @@`
`33`	`32`	`}`
`34`	`33`	`&.btn-md {`
`35`	`34`	`@include btn-md;`
`36`		`- @include clickable-area(80px, 44px);`
`37`	`35`	`}`
`38`	`36`	`&.btn-sm {`
`39`	`37`	`font-size: 0.75rem;`
`40`	`38`	`padding: $uds-component-button-padding-y-small`
`41`	`39`	`$uds-component-button-padding-x-small;`
`42`		`-`
`43`		`- @include clickable-area(64px, 44px);`
`44`	`40`	`}`
`45`	`41`	`&.btn-tag {`
`46`	`42`	`font-size: 0.75rem;`