mirror of
https://github.com/ToolJet/ToolJet
synced 2026-05-22 16:38:21 +00:00
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:
parent
ecd97ce4a9
commit
0ef7956c80
1 changed files with 11 additions and 3 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue