show button toggle value as primary text color when single project is selected

1 files changed, 4 insertions, 1 deletions

diff --git a/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_project_id_dropdown.vue b/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_project_id_dropdown.vue
index 7efb038566d..bd63bfbd5ba 100644
--- a/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_project_id_dropdown.vue
+++ b/app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_project_id_dropdown.vue
@@ -56,6 +56,9 @@ export default {
   computed: {
     ...mapState(['selectedProject']),
     ...mapGetters(['hasProject']),
+    hasOneProject() {
+      return this.items.length === 1;
+    },
     isDisabled() {
       return this.items.length < 2;
     },
@@ -158,7 +161,7 @@ export default {
         :value="selectedProject.projectId"
       />
       <dropdown-button
-        :class="{ 'gl-field-error-outline': hasErrors }"
+        :class="{ 'gl-field-error-outline': hasErrors, 'read-only': hasOneProject }"
         :is-disabled="isDisabled"
         :is-loading="isLoading"
         :toggle-text="toggleText"