diff --git a/sass/common/Button.scss b/sass/common/Button.scss index e7c986ea0..fc74dae34 100644 --- a/sass/common/Button.scss +++ b/sass/common/Button.scss @@ -19,9 +19,9 @@ outline: none; } - .btn-primary, - .btn-primary:active, - .btn-primary:focus { + &.btn-primary, + &.btn-primary:active, + &.btn-primary:focus { background-color: $color-brand-primary; border: none; } diff --git a/sass/component-repository/list/ComponentListActionsWrapper.scss b/sass/component-repository/list/ComponentListActionsWrapper.scss index f99baa907..d9267850e 100644 --- a/sass/component-repository/list/ComponentListActionsWrapper.scss +++ b/sass/component-repository/list/ComponentListActionsWrapper.scss @@ -79,6 +79,10 @@ width: fit-content; } } + + .ComponentListActions__refresh-button { + color: #fff; + } } &__container-bundle-group { @@ -122,14 +126,4 @@ } } } - - //TO DO - refactor style - &__refresh-button { - background-color: $color-brand-primary; - color: white !important; - } - - &__refresh-icon { - margin-left: 5px; - } } \ No newline at end of file diff --git a/sass/page-templates/common/PageTemplateForm.scss b/sass/page-templates/common/PageTemplateForm.scss index 7bae2b47e..5b0affa05 100644 --- a/sass/page-templates/common/PageTemplateForm.scss +++ b/sass/page-templates/common/PageTemplateForm.scss @@ -1,4 +1,10 @@ .PageTemplateForm { + padding-bottom: 20px; + + .form-group { + margin-right: 0; + } + .FormLabel { justify-content: flex-end; } diff --git a/sass/pages/config/ContentPages.scss b/sass/pages/config/ContentPages.scss index 8af3fe6b9..f70c61de2 100644 --- a/sass/pages/config/ContentPages.scss +++ b/sass/pages/config/ContentPages.scss @@ -13,28 +13,34 @@ border: 1px solid $color-content-07; border-radius: $radius-xxs; - input{ + input { border: none; color: $color-text-tertiary; font-size: 14px; height: 30px; box-shadow: none; - //@TODO - container outline on focus - &::placeholder { font-style: normal; } } + + &:has(input:focus) { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 136, 206, 0.6); + + input:focus { + box-shadow: unset; + } + } } // sass-lint:disable no-important class-name-format force-element-nesting &__pagetree-searchbtn.btn { + color: $color-text-tertiary; border: none; - border-left: 1px solid $color-neutral-grey; outline: none !important; box-shadow: none !important; - background-color: $color-neutral-grey; + background: none; height: 100%; border-radius: $radius-xxs; } @@ -65,19 +71,16 @@ &__pagetree-addbtn { background-color: $color-light-blue-2; - color: $color-primary-text; // sass-lint:disable nesting-depth force-element-nesting &:hover { background-color: $color-light-blue-hover; - color: $color-primary-text; } &:focus, &:focus:hover { outline: none; background-color: $color-light-blue-active; - color: $color-primary-text; } // sass-lint:enable nesting-depth force-element-nesting } @@ -101,8 +104,6 @@ &__search-table { & .table { margin-top: 0; - border: 1px solid $color-black; - color: $color-primary-text; } & thead, @@ -113,13 +114,13 @@ & tr { &.selected, &:hover { - background-color: $color-dragitem-bg; + background-color: $color-dark-blue; } } & th, & td { - border: 1px solid $color-black !important; + border: none; } & .dropdown-kebab-pf .btn { diff --git a/sass/pages/list/PageListSearchTable.scss b/sass/pages/list/PageListSearchTable.scss index 4f4efdd82..586a77cea 100644 --- a/sass/pages/list/PageListSearchTable.scss +++ b/sass/pages/list/PageListSearchTable.scss @@ -1,7 +1,15 @@ .PageListSearchTable { .table-bordered { - border: $color-border-grey solid 1px; + border: none; margin: 0; + + tr { + border: 1px solid $color-border-grey; + } + + th, td { + border: none; + } } .table-header { @@ -20,13 +28,11 @@ padding: 16px; border-left: 0; border-right: 0; - border-color: $color-border-grey; } } .table-row { td { - border: 1px solid $color-border-grey; border-left: 0; border-right: 0; diff --git a/sass/patternfly.scss b/sass/patternfly.scss index 78b27a55e..3ffb958de 100644 --- a/sass/patternfly.scss +++ b/sass/patternfly.scss @@ -298,6 +298,7 @@ $fa-square-o: '\f096'; color: $color-text-tertiary !important; &:hover, &:active, &:focus { + color: $color-brand-primary !important; text-decoration: none; }} } diff --git a/sass/users/table/UserTable.scss b/sass/users/table/UserTable.scss index 4b572ad20..283855f64 100644 --- a/sass/users/table/UserTable.scss +++ b/sass/users/table/UserTable.scss @@ -1,46 +1,26 @@ .UserTable { margin: 0; - .UserTableWrapper { - width: 100%; - overflow-x: auto; - overflow-y: scroll; - max-height: 390px; - border-top: 1px solid $color-border-grey; - border-bottom: 1px solid $color-border-grey; - - } - - .table-bordered { - border: $color-border-grey solid 1px; + &.table-bordered { + border-color: $color-border-grey; margin: 0; } + .table-header { background-color: #fff; - td { - border-left: 0; - border-right: 0; - } - .columnResizer { border-bottom: 1px solid $color-border-grey; } th { padding: 16px; - border-left: 0; - border-right: 0; - border-color: $color-border-grey; } } .table-row { td { - border: 1px solid $color-border-grey; - border-left: 0; - border-right: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; @@ -58,6 +38,17 @@ margin: 0; padding: 16px; border-left: 0; border-right: 0; + border-color: $color-border-grey; } +} +.UserTableWrapper { + width: 100%; + overflow-x: auto; + overflow-y: scroll; + max-height: 390px; + + .content-view-pf-pagination { + border-color: $color-border-grey; + } } \ No newline at end of file diff --git a/src/ui/component-repository/components/list/ComponentListActionsWrapper.js b/src/ui/component-repository/components/list/ComponentListActionsWrapper.js index 379bfea64..6007acec8 100644 --- a/src/ui/component-repository/components/list/ComponentListActionsWrapper.js +++ b/src/ui/component-repository/components/list/ComponentListActionsWrapper.js @@ -60,11 +60,10 @@ const ComponentListActionsWrapper = () => { { !isLocalRegistry && ( -