adjusting label-delete-modal's title width

to prevent long strings to run off the modal
This commit is contained in:
Jared Tabor
2016-06-30 15:47:24 -07:00
parent 27795e2854
commit 8cd2124d3d
3 changed files with 3 additions and 6 deletions

View File

@@ -67,7 +67,7 @@ export default
}; };
Prompt({ Prompt({
hdr: 'Remove Label from <span class="Prompt-titleTarget">' + templateName + "</span>", hdr: 'Remove Label from ' + templateName ,
body: '<div class="Prompt-bodyQuery">Confirm the removal of the <span class="Prompt-emphasis">' + $filter('sanitize')(labelName) + '</span> label.</div>', body: '<div class="Prompt-bodyQuery">Confirm the removal of the <span class="Prompt-emphasis">' + $filter('sanitize')(labelName) + '</span> label.</div>',
action: action, action: action,
actionText: 'REMOVE' actionText: 'REMOVE'

View File

@@ -22,7 +22,8 @@
color: @list-header-txt; color: @list-header-txt;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
white-space: nowrap; width: calc(100%-18px);
word-break: break-word;
} }
.Modal-exitHolder{ .Modal-exitHolder{

View File

@@ -1,9 +1,5 @@
@import "awx/ui/client/src/shared/branding/colors.default.less"; @import "awx/ui/client/src/shared/branding/colors.default.less";
.Prompt-titleTarget {
word-break: break-word;
}
.Prompt-bodyQuery { .Prompt-bodyQuery {
margin-bottom: 20px; margin-bottom: 20px;
color: @default-interface-txt; color: @default-interface-txt;