diff options
| author | Julius Härtl <jus@bitgrid.net> | 2019-10-10 11:02:23 +0200 |
|---|---|---|
| committer | Arthur Schiwon <blizzz@arthur-schiwon.de> | 2019-10-29 18:03:53 +0100 |
| commit | 7b82a09a3b2fd19e5af9ac091f33236b1dc2cf44 (patch) | |
| tree | f91b0080625f34846535c2a578a83aa3f8885dda /apps/workflowengine/src/components/Checks/RequestUserAgent.vue | |
| parent | b15c4a3a2ea0e561ed6e892a77bbb91d9335958b (diff) | |
| download | nextcloud-server-7b82a09a3b2fd19e5af9ac091f33236b1dc2cf44.tar.gz nextcloud-server-7b82a09a3b2fd19e5af9ac091f33236b1dc2cf44.zip | |
Fix minor styling issues with the user agent picker
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'apps/workflowengine/src/components/Checks/RequestUserAgent.vue')
| -rw-r--r-- | apps/workflowengine/src/components/Checks/RequestUserAgent.vue | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue index f06aac2e8f7..873e985832f 100644 --- a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue +++ b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue @@ -35,11 +35,16 @@ @input="setValue"> <template slot="singleLabel" slot-scope="props"> <span class="option__icon" :class="props.option.icon" /> - <span class="option__title option__title_single">{{ props.option.label }}</span> + <!-- v-html can be used here as t() always passes our translated strings though DOMPurify.sanitize --> + <!-- eslint-disable-next-line vue/no-v-html --> + <span class="option__title option__title_single" v-html="props.option.label" /> </template> <template slot="option" slot-scope="props"> <span class="option__icon" :class="props.option.icon" /> - <span class="option__title">{{ props.option.label }} {{ props.option.$groupLabel }}</span> + <!-- eslint-disable-next-line vue/no-v-html --> + <span v-if="props.option.$groupLabel" class="option__title" v-html="props.option.$groupLabel" /> + <!-- eslint-disable-next-line vue/no-v-html --> + <span v-else class="option__title" v-html="props.option.label" /> </template> </Multiselect> <input v-if="!isPredefined" @@ -133,3 +138,15 @@ export default { } } </script> +<style scoped> + .multiselect, input[type='text'] { + width: 100%; + } + .multiselect .multiselect__content-wrapper li>span, + .multiselect__single { + display: flex; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } +</style> |