Fix: Button styling issues (#21127)

* fixes button styling issues

* address pr comments
This commit is contained in:
Shrushti Polekar 2025-05-13 13:29:59 +05:30 committed by GitHub
parent 3b382c1bd9
commit 130ff685a6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 20 additions and 33 deletions

View File

@ -376,7 +376,6 @@ const TaskFeedCard = ({
className="task-card-approve-btn d-flex items-center"
data-testid="approve-button"
icon={<CheckCircleFilled />}
type="primary"
onClick={onTaskResolve}>
{t('label.approve')}
</Button>

View File

@ -23,6 +23,9 @@
button {
height: 32px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
span {
font-size: 14px;
font-style: normal;

View File

@ -228,9 +228,7 @@ export const PersonaSelectableList = ({
<Button
className="persona-profile-edit-save"
data-testid="user-profile-persona-edit-cancel"
icon={
<ClosePopoverIcon height={24} style={{ marginTop: '2px' }} />
}
icon={<ClosePopoverIcon height={24} />}
size="small"
type="primary"
onClick={handleCloseEditTeam}
@ -238,9 +236,7 @@ export const PersonaSelectableList = ({
<Button
className="persona-profile-edit-cancel"
data-testid="user-profile-persona-edit-save"
icon={
<SavePopoverIcon height={24} style={{ marginTop: '2px' }} />
}
icon={<SavePopoverIcon height={24} />}
loading={isSaving}
size="small"
type="primary"

View File

@ -258,12 +258,7 @@ const UserProfileRoles = ({
<Button
className="profile-edit-save"
data-testid="user-profile-edit-roles-cancel-button"
icon={
<ClosePopoverIcon
height={24}
style={{ marginTop: '2px' }}
/>
}
icon={<ClosePopoverIcon height={24} />}
size="small"
style={{
width: '30px',
@ -279,12 +274,7 @@ const UserProfileRoles = ({
<Button
className="profile-edit-cancel"
data-testid="user-profile-edit-roles-save-button"
icon={
<SavePopoverIcon
height={24}
style={{ marginTop: '2px' }}
/>
}
icon={<SavePopoverIcon height={24} />}
loading={isLoading}
size="small"
style={{

View File

@ -162,12 +162,7 @@ const UserProfileTeams = ({
<Button
className="profile-edit-save"
data-testid="teams-edit-close-btn"
icon={
<ClosePopoverIcon
height={24}
style={{ marginTop: '2px' }}
/>
}
icon={<ClosePopoverIcon height={24} />}
size="small"
style={{
width: '30px',
@ -183,12 +178,7 @@ const UserProfileTeams = ({
<Button
className="profile-edit-cancel"
data-testid="teams-edit-save-btn"
icon={
<SavePopoverIcon
height={24}
style={{ marginTop: '2px' }}
/>
}
icon={<SavePopoverIcon height={24} />}
loading={isLoading}
size="small"
style={{

View File

@ -317,6 +317,9 @@
width: 30px;
height: 30px;
background: '#0950C5' !important;
display: flex;
align-items: center;
justify-content: center;
}
.profile-edit-save:hover,
@ -339,6 +342,9 @@
background: #0950c5;
position: absolute;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.persona-profile-edit-save.ant-btn-icon-only.ant-btn-sm {
@ -348,6 +354,9 @@
position: absolute;
bottom: 0;
right: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.max-tag-text {

View File

@ -256,7 +256,7 @@ const DomainSelectablTreeNew: FC<DomainSelectableTreeProps> = ({
<Button
className="profile-edit-save"
data-testid="user-profile-domain-edit-save"
icon={<ClosePopoverIcon height={24} style={{ marginTop: '2px' }} />}
icon={<ClosePopoverIcon height={24} />}
size="small"
style={{
width: '30px',
@ -272,7 +272,7 @@ const DomainSelectablTreeNew: FC<DomainSelectableTreeProps> = ({
<Button
className="profile-edit-cancel"
data-testid="user-profile-domain-edit-cancel"
icon={<SavePopoverIcon height={24} style={{ marginTop: '2px' }} />}
icon={<SavePopoverIcon height={24} />}
loading={isSubmitLoading}
size="small"
style={{