Fix: Global styles for small buttons (#10027)

* Revert previous styles for global small button

* Revert "Revert previous styles for global small button"

This reverts commit 313cf1161e.

* Removing comment and adding more previous style

* Add box shadow when navigating through keyboard
This commit is contained in:
Parth 2024-06-11 16:43:55 +05:30 committed by GitHub
parent ecd97ce4a9
commit 0ef7956c80
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -7,7 +7,7 @@
justify-content: center;
align-items: center;
padding: 10px 20px;
gap: 6px;
gap: 8px;
border-radius: 6px;
font-weight: 600;
text-decoration: none;
@ -51,7 +51,7 @@
.tj-small-btn {
height: 28px;
border-radius: 6px;
padding: 4px 0px;
padding: 4px 16px 4px 16px;
font-size: 12px;
}
@ -198,7 +198,6 @@
color: var(--indigo9);
border: none;
background: transparent;
box-shadow: none !important;
&:hover {
color: var(--indigo10);
@ -214,6 +213,15 @@
background: var(--base);
border: none;
outline: none;
box-shadow: 0px 0px 0px 4px var(--indigo6);
}
&:focus {
box-shadow: 0px 0px 0px 4px var(--indigo6);
}
&:focus:not(:focus-visible) {
box-shadow: none;
}
}