ATLAS-4860: UI: If deleted entity has long name, propertytab in UI is misaligned

Signed-off-by: Prasad Pawar <prasad.pawar@cloudera.com>
This commit is contained in:
Brijesh Bhalala 2024-05-03 15:22:00 +05:30 committed by Prasad Pawar
parent f46d1c47ec
commit 3879f46018
4 changed files with 12 additions and 4 deletions

View File

@ -660,4 +660,8 @@ hr[size="10"] {
margin-top: 5px;
margin-left: 20px;
}
}
.whitespace-normal {
white-space: normal !important;
}

View File

@ -155,7 +155,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Enum
scope.$('td div[data-id="' + id + '"]').html('<a href="#!/detailPage/' + id + '">' + _.escape(id) + '</a>');
}
if (deleteButton.length) {
scope.$('td div[data-id="' + id + '"]').addClass('block readOnlyLink');
scope.$('td div[data-id="' + id + '"]').addClass('block whitespace-normal readOnlyLink');
scope.$('td div[data-id="' + id + '"]').append(deleteButton);
}
},
@ -248,7 +248,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Enum
if (readOnly) {
if (!fetch) {
tempLink += '<button title="Deleted" class="btn btn-action btn-md deleteBtn"><i class="fa fa-trash"></i></button>';
subLink += '<div class="block readOnlyLink">' + tempLink + '</div>';
subLink += '<div class="block whitespace-normal readOnlyLink">' + tempLink + '</div>';
} else {
fetch = false;
subLink += tempLink;

View File

@ -764,4 +764,8 @@ hr[size="10"] {
.help-btn {
cursor: pointer;
font-size: 20px;
}
.whitespace-normal {
white-space: normal !important;
}

View File

@ -155,7 +155,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Enum
scope.$('td div[data-id="' + id + '"]').html('<a href="#!/detailPage/' + id + '">' + _.escape(id) + '</a>');
}
if (deleteButton.length) {
scope.$('td div[data-id="' + id + '"]').addClass('block readOnlyLink');
scope.$('td div[data-id="' + id + '"]').addClass('block whitespace-normal readOnlyLink');
scope.$('td div[data-id="' + id + '"]').append(deleteButton);
}
},
@ -248,7 +248,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Enum
if (readOnly) {
if (!fetch) {
tempLink += '<button title="Deleted" class="btn btn-action btn-md deleteBtn"><i class="fa fa-trash"></i></button>';
subLink += '<div class="block readOnlyLink">' + tempLink + '</div>';
subLink += '<div class="block whitespace-normal readOnlyLink">' + tempLink + '</div>';
} else {
fetch = false;
subLink += tempLink;