diff --git a/awx/ui/client/legacy-styles/ansible-ui.less b/awx/ui/client/legacy-styles/ansible-ui.less index 8ba9c1a6cc..b8f9032596 100644 --- a/awx/ui/client/legacy-styles/ansible-ui.less +++ b/awx/ui/client/legacy-styles/ansible-ui.less @@ -2085,7 +2085,3 @@ button.dropdown-toggle, .error.ng-hide { opacity: 0; } - -.editedRow { - border-left: 5px solid red; -} diff --git a/awx/ui/client/legacy-styles/lists.less b/awx/ui/client/legacy-styles/lists.less index 740b092aa9..bb2f20fffc 100644 --- a/awx/ui/client/legacy-styles/lists.less +++ b/awx/ui/client/legacy-styles/lists.less @@ -9,6 +9,11 @@ @import "src/shared/branding/colors.default.less"; + +table, tbody { + border-collapse: separate !important; +} + .List-well { margin-top: 25px; } @@ -44,6 +49,15 @@ color: @list-item; } +.List-tableRow--selected, +.List-tableRow--selected > :first-child { + border-left: 5px solid @list-row-select-bord; +} + +.List-tableRow--selected > :first-child { + padding-left: 10px; +} + .List-tableRow--evenRow { background-color: @list-alt-item-bg; } diff --git a/awx/ui/client/src/shared/branding/colors.default.less b/awx/ui/client/src/shared/branding/colors.default.less index a4c6c72a13..e9421c927b 100644 --- a/awx/ui/client/src/shared/branding/colors.default.less +++ b/awx/ui/client/src/shared/branding/colors.default.less @@ -47,6 +47,7 @@ @list-actn-bg-hov: @default-link; @list-actn-del-bg-hov: @default-err; @list-actn-bord-hov: @default-link; +@list-row-select-bord: @default-link; // tooltups @tooltip-bg: @default-interface-txt; diff --git a/awx/ui/client/src/shared/list-generator/list-generator.factory.js b/awx/ui/client/src/shared/list-generator/list-generator.factory.js index fcbb28548b..3cc699cefa 100644 --- a/awx/ui/client/src/shared/list-generator/list-generator.factory.js +++ b/awx/ui/client/src/shared/list-generator/list-generator.factory.js @@ -442,7 +442,7 @@ export default ['$location', '$compile', '$rootScope', 'SearchWidget', 'Paginate if (list.multiSelect) { innerTable += ", " + list.iterator + ".isSelected ? 'is-selected-row' : ''"; } - innerTable += ", rowBeingEdited === '{{ " + list.iterator + ".id }}' && listBeingEdited === '" + list.name + "' ? 'editedRow' : ''"; + innerTable += ", rowBeingEdited === '{{ " + list.iterator + ".id }}' && listBeingEdited === '" + list.name + "' ? 'List-tableRow--selected' : ''"; innerTable += "]\" "; innerTable += "id=\"{{ " + list.iterator + ".id }}\" "; innerTable += "class=\"List-tableRow " + list.iterator + "_class\" ";