diff options
| author | Joas Schilling <213943+nickvergessen@users.noreply.github.com> | 2022-08-08 22:06:57 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-08-08 22:06:57 +0200 |
| commit | 79652a7e15aff36744a8c359770d04f52a68601a (patch) | |
| tree | b3b80194d7c76f182a01a04de16f23459a9c8660 /apps/workflowengine/src/components/Event.vue | |
| parent | 00a01a1f5bc680184fec1db5df40770d8e0f7592 (diff) | |
| parent | f47f9c6785618c8020c3e8f4ebb53f5b3a1076ae (diff) | |
| download | nextcloud-server-79652a7e15aff36744a8c359770d04f52a68601a.tar.gz nextcloud-server-79652a7e15aff36744a8c359770d04f52a68601a.zip | |
Merge pull request #33480 from nextcloud/bugfix/noid/fix-workflow-engine-a11y
Fix workflow engine a11y and spacing of icons
Diffstat (limited to 'apps/workflowengine/src/components/Event.vue')
| -rw-r--r-- | apps/workflowengine/src/components/Event.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/apps/workflowengine/src/components/Event.vue b/apps/workflowengine/src/components/Event.vue index 5f4b8dd87b0..6eb3872e8f8 100644 --- a/apps/workflowengine/src/components/Event.vue +++ b/apps/workflowengine/src/components/Event.vue @@ -1,7 +1,7 @@ <template> <div class="event"> <div v-if="operation.isComplex && operation.fixedEntity !== ''" class="isComplex"> - <img class="option__icon" :src="entity.icon"> + <img class="option__icon" :src="entity.icon" alt=""> <span class="option__title option__title_single">{{ operation.triggerHint }}</span> </div> <Multiselect v-else @@ -14,12 +14,12 @@ @input="updateEvent"> <template slot="selection" slot-scope="{ values, isOpen }"> <div v-if="values.length && !isOpen" class="eventlist"> - <img class="option__icon" :src="values[0].entity.icon"> + <img class="option__icon" :src="values[0].entity.icon" alt=""> <span v-for="(value, index) in values" :key="value.id" class="text option__title option__title_single">{{ value.displayName }} <span v-if="index+1 < values.length">, </span></span> </div> </template> <template slot="option" slot-scope="props"> - <img class="option__icon" :src="props.option.entity.icon"> + <img class="option__icon" :src="props.option.entity.icon" alt=""> <span class="option__title">{{ props.option.displayName }}</span> </template> </Multiselect> @@ -131,6 +131,7 @@ export default { .option__icon { width: 16px; height: 16px; + filter: var(--background-invert-if-dark); } .eventlist img, |