fixed header wrapping (#20443)

This commit is contained in:
Dhruv Parmar 2025-03-26 20:55:28 +05:30 committed by GitHub
parent 690f862177
commit 899e525532
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 14 additions and 11 deletions

View File

@ -24,8 +24,9 @@
border-radius: 12px;
border: 0.5px solid @grey-300;
padding: 20px;
gap: 28px;
gap: 16px;
background-color: @background-color;
justify-content: space-evenly;
}
.ant-space-item {
.entity-no-tier {
@ -83,7 +84,7 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 148px;
max-width: 148px;
}
.ant-btn-group {
@ -131,6 +132,6 @@
}
.tier-container,
.extra-info-container {
width: 148px;
max-width: 148px;
}
}

View File

@ -132,10 +132,9 @@ const RetentionPeriod = ({
entity: t('label.retention-period'),
})}>
<Button
className="edit-retention-period-button p-0"
className="remove-button-default-styling flex-center edit-retention-period-button p-0"
data-testid="edit-retention-period-button"
icon={<EditIcon color={DE_ACTIVE_COLOR} width="14px" />}
size="small"
icon={<EditIcon color={DE_ACTIVE_COLOR} width="12px" />}
type="text"
onClick={() => setIsEdit(true)}
/>

View File

@ -12,8 +12,11 @@
*/
@import url('../../../styles/variables.less');
.ant-btn-icon-only.edit-retention-period-button {
.ant-btn-icon-only.remove-button-default-styling.edit-retention-period-button {
border: 1px solid @border-light;
width: 20px;
height: 20px;
border-radius: 4px;
}
span.extra-info-label-heading {
@ -22,5 +25,5 @@ span.extra-info-label-heading {
}
.retention-period-container {
width: 148px;
max-width: 148px;
}

View File

@ -30,5 +30,5 @@
}
}
.metric-header-info-container {
width: 148px;
max-width: 148px;
}

View File

@ -21,6 +21,6 @@
}
.data-assets-header-container {
.domain-link-container {
width: 148px;
max-width: 148px;
}
}

View File

@ -127,5 +127,5 @@
}
.owner-label-container {
width: 148px;
max-width: 148px;
}