kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

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

Browse source
This commit is contained in:
Dennis Tang 2018-05-06 18:04:25 +02:00
parent b53e544c8e
commit 41f2c1d564
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/assets/javascripts/projects/gke_cluster_dropdowns/components/gke_project_id_dropdown.vue
View file

@ -56,6 +56,9 @@ export default {
computed: { computed: {
...mapState(['selectedProject']), ...mapState(['selectedProject']),
...mapGetters(['hasProject']), ...mapGetters(['hasProject']),
hasOneProject() {
return this.items.length === 1;
},
isDisabled() { isDisabled() {
return this.items.length < 2; return this.items.length < 2;
}, },
@ -158,7 +161,7 @@ export default {
:value="selectedProject.projectId" :value="selectedProject.projectId"
/> />
<dropdown-button <dropdown-button
:class="{ 'gl-field-error-outline': hasErrors }" :class="{ 'gl-field-error-outline': hasErrors, 'read-only': hasOneProject }"
:is-disabled="isDisabled" :is-disabled="isDisabled"
:is-loading="isLoading" :is-loading="isLoading"
:toggle-text="toggleText" :toggle-text="toggleText"

4
app/assets/stylesheets/framework/dropdowns.scss
View file

@ -63,6 +63,10 @@
border-radius: $border-radius-base; border-radius: $border-radius-base;
white-space: nowrap; white-space: nowrap;
&:disabled.read-only {
color: $gl-text-color !important;
}
&.no-outline { &.no-outline {
outline: 0; outline: 0;
} }