diff --git a/ui/app/components/namespace-picker.js b/ui/app/components/namespace-picker.js index f06ffb7dda..5cc429e446 100644 --- a/ui/app/components/namespace-picker.js +++ b/ui/app/components/namespace-picker.js @@ -39,7 +39,8 @@ export default Component.extend({ fetchListCapability: task(function*() { try { if (this.listCapability) { - this.listCapability.unloadRecord(); + yield this.listCapability.reload(); + return; } let capability = yield this.store.findRecord('capabilities', 'sys/namespaces/'); this.set('listCapability', capability); diff --git a/ui/app/styles/core/switch.scss b/ui/app/styles/core/switch.scss index 08949f9122..fcdfedc108 100644 --- a/ui/app/styles/core/switch.scss +++ b/ui/app/styles/core/switch.scss @@ -11,21 +11,21 @@ width: $size-8 * 2; } &::after { - left: 0; width: $size-8 * 0.8; height: $size-8 * 0.8; transform: translateX(0.15rem); + left: 0; top: $size-8/ 4; } } &:checked + label::after { left: 0; - transform: translateX(($size-8 * 2) - ($size-8 * 0.9)); + transform: translateX(($size-8 * 2) - ($size-8 * 0.94)); } } } .switch[type="checkbox"].is-small + label::after { - will-change: transform; + will-change: left; } .switch[type="checkbox"]:focus + label { box-shadow: 0 0 1px $blue;