scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-01 09:24:59 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix assigned task filter issues [SCI-6492] (#3837)

Browse source
This commit is contained in:
artoscinote 2022-02-11 09:20:52 +01:00 • committed by GitHub
parent e59b18e25d
commit 85ad4a692a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/stylesheets/repository/filters.scss
View file

@ -45,6 +45,10 @@
padding: 0; padding: 0;
width: 460px; width: 460px;
.dropdown-selector {
overflow: hidden;
}
.header { .header {
align-items: center; align-items: center;
border-bottom: $border-default; border-bottom: $border-default;
@ -168,4 +172,12 @@
} }
} }
} }
.task-option {
background-image: image-url("icon_small/task-black.svg");
background-position: left center;
background-repeat: no-repeat;
background-size: 1em;
padding-left: 1.5em;
}
} }

1
app/assets/stylesheets/shared/dropdown_selector.scss
View file

@ -226,6 +226,7 @@
border-radius: 1px; border-radius: 1px;
color: $color-white; color: $color-white;
content: ""; content: "";
flex-shrink: 0;
font-size: calc(var(--sci-checkbox-size) - var(--sci-checkbox-size) * .375); font-size: calc(var(--sci-checkbox-size) - var(--sci-checkbox-size) * .375);
height: var(--sci-checkbox-size); height: var(--sci-checkbox-size);
line-height: calc(var(--sci-checkbox-size) - 2px); line-height: calc(var(--sci-checkbox-size) - 2px);

7
app/javascript/vue/repository_filter/filters/repositoryMyModuleValue.vue
View file

@ -17,6 +17,8 @@
:groupSelector="true" :groupSelector="true"
:selectedValue="this.value" :selectedValue="this.value"
:options="this.my_modules" :options="this.my_modules"
:optionLabel="renderOption"
:closeOnSelect="false"
:dataSelectMultipleName="this.i18n.t('repositories.show.repository_filter.filters.types.RepositoryMyModuleValue.multiple_selected')" :dataSelectMultipleName="this.i18n.t('repositories.show.repository_filter.filters.types.RepositoryMyModuleValue.multiple_selected')"
:dataSelectMultipleAllSelected="this.i18n.t('repositories.show.repository_filter.filters.types.RepositoryMyModuleValue.all_selected')" :dataSelectMultipleAllSelected="this.i18n.t('repositories.show.repository_filter.filters.types.RepositoryMyModuleValue.all_selected')"
:selectorId="`MyModulesSelector${this.filter.id}`" :selectorId="`MyModulesSelector${this.filter.id}`"
@ -55,6 +57,11 @@
methods: { methods: {
updateValue(value) { updateValue(value) {
this.value = value; this.value = value;
},
renderOption(data) {
return `<span class="task-option">
${data.label}
</span>`;
} }
}, },
computed: { computed: {