awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 20:27:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4013 from Infisical/checkbox-addressal

Browse Source 
improvement(frontend): Make checkbox colors more apparent and fix specific priv. checkbox styling
This commit is contained in:
Scott Wilson
2025-07-14 14:09:01 -07:00
committed by GitHub
parent 1cfb1c2581 1bab3ecdda
commit 268d0d6192
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/v2/Checkbox/Checkbox.tsx
+1 -1
View File
@@ -42,7 +42,7 @@ export const Checkbox = ({
className={twMerge( className={twMerge(
"flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-mineshaft-400/50 bg-mineshaft-600 shadow transition-all hover:bg-mineshaft-500", "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded border border-mineshaft-400/50 bg-mineshaft-600 shadow transition-all hover:bg-mineshaft-500",
isDisabled && "bg-bunker-400 hover:bg-bunker-400", isDisabled && "bg-bunker-400 hover:bg-bunker-400",
isChecked && "border-primary/30 bg-primary/10", isChecked && "border-primary/50 bg-primary/30",
Boolean(children) && "mr-3", Boolean(children) && "mr-3",
className className
)} )}
frontend/src/pages/project/AccessControlPage/components/MembersTab/components/MemberRoleForm/SpecificPrivilegeSection.tsx
+4 -4
View File
@@ -347,7 +347,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox <Checkbox
isDisabled={isMemberEditDisabled} isDisabled={isMemberEditDisabled}
id="secret-read" id="secret-read"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`} className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value} isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)} onCheckedChange={(isChecked) => field.onChange(isChecked)}
/> />
@@ -378,7 +378,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox <Checkbox
isDisabled={isMemberEditDisabled} isDisabled={isMemberEditDisabled}
id="secret-change" id="secret-change"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`} className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value} isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)} onCheckedChange={(isChecked) => field.onChange(isChecked)}
/> />
@@ -411,7 +411,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox <Checkbox
isDisabled={isMemberEditDisabled} isDisabled={isMemberEditDisabled}
id="secret-modify" id="secret-modify"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`} className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value} isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)} onCheckedChange={(isChecked) => field.onChange(isChecked)}
/> />
@@ -442,7 +442,7 @@ export const SpecificPrivilegeSecretForm = ({
<Checkbox <Checkbox
isDisabled={isMemberEditDisabled} isDisabled={isMemberEditDisabled}
id="secret-delete" id="secret-delete"
className={`mx-2 h-5 w-5 ${field.value ? "bg-primary hover:bg-primary/80" : ""}`} className={`mx-2 h-5 w-5 ${field.value ? "hover:bg-primary/40" : ""}`}
isChecked={field.value} isChecked={field.value}
onCheckedChange={(isChecked) => field.onChange(isChecked)} onCheckedChange={(isChecked) => field.onChange(isChecked)}
/> />
frontend/src/pages/secret-manager/SecretApprovalsPage/components/AccessApprovalRequest/components/ReviewAccessModal.tsx
+1 -1
View File
@@ -445,7 +445,7 @@ export const ReviewAccessRequestModal = ({
onCheckedChange={(checked) => setBypassApproval(checked === true)} onCheckedChange={(checked) => setBypassApproval(checked === true)}
isChecked={bypassApproval} isChecked={bypassApproval}
id="byPassApproval" id="byPassApproval"
className={twMerge("mr-2", bypassApproval ? "!border-red/30 !bg-red/10" : "")} className={twMerge("mr-2", bypassApproval ? "!border-red/50 !bg-red/30" : "")}
> >
<span className="text-xs text-red"> <span className="text-xs text-red">
Approve without waiting for requirements to be met (bypass policy protection) Approve without waiting for requirements to be met (bypass policy protection)
frontend/src/pages/secret-manager/SecretApprovalsPage/components/SecretApprovalRequest/components/SecretApprovalRequestAction.tsx
+1 -1
View File
@@ -168,7 +168,7 @@ export const SecretApprovalRequestAction = ({
isChecked={byPassApproval} isChecked={byPassApproval}
id="byPassApproval" id="byPassApproval"
checkIndicatorBg="text-white" checkIndicatorBg="text-white"
className={twMerge("mr-2", byPassApproval ? "!border-red/30 !bg-red/10" : "")} className={twMerge("mr-2", byPassApproval ? "!border-red/50 !bg-red/30" : "")}
> >
<span className="text-sm"> <span className="text-sm">
Merge without waiting for approval (bypass secret change policy) Merge without waiting for approval (bypass secret change policy)