diff options
| author | Joas Schilling <coding@schilljs.com> | 2022-08-08 12:57:14 +0200 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2022-08-08 12:57:14 +0200 |
| commit | fb53842a6103570eb6d9b4d9efd5d2ab717e52fe (patch) | |
| tree | 818aa5613064397b262978340997eabc407c3872 /apps/workflowengine/src/components/Checks | |
| parent | 05d034a6dad7eeac19244621157689476887875d (diff) | |
| download | nextcloud-server-fb53842a6103570eb6d9b4d9efd5d2ab717e52fe.tar.gz nextcloud-server-fb53842a6103570eb6d9b4d9efd5d2ab717e52fe.zip | |
Fix inverting on darkmode and spacing
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'apps/workflowengine/src/components/Checks')
| -rw-r--r-- | apps/workflowengine/src/components/Checks/FileMimeType.vue | 16 | ||||
| -rw-r--r-- | apps/workflowengine/src/components/Checks/RequestURL.vue | 8 |
2 files changed, 20 insertions, 4 deletions
diff --git a/apps/workflowengine/src/components/Checks/FileMimeType.vue b/apps/workflowengine/src/components/Checks/FileMimeType.vue index 1b227fb549a..4a920e4c889 100644 --- a/apps/workflowengine/src/components/Checks/FileMimeType.vue +++ b/apps/workflowengine/src/components/Checks/FileMimeType.vue @@ -32,12 +32,12 @@ @input="setValue"> <template slot="singleLabel" slot-scope="props"> <span v-if="props.option.icon" class="option__icon" :class="props.option.icon" /> - <img v-else :src="props.option.iconUrl"> + <img v-else class="option__icon-img" :src="props.option.iconUrl"> <span class="option__title option__title_single">{{ props.option.label }}</span> </template> <template slot="option" slot-scope="props"> <span v-if="props.option.icon" class="option__icon" :class="props.option.icon" /> - <img v-else :src="props.option.iconUrl"> + <img v-else class="option__icon-img" :src="props.option.iconUrl"> <span class="option__title">{{ props.option.label }}</span> </template> </Multiselect> @@ -137,7 +137,7 @@ export default { }, } </script> -<style scoped> +<style scoped lang="scss"> .multiselect, input[type='text'] { width: 100%; } @@ -148,4 +148,14 @@ export default { overflow: hidden; text-overflow: ellipsis; } + + .option__icon { + display: inline-block; + min-width: 30px; + background-position: left; + } + + .option__icon-img { + margin-right: 14px; + } </style> diff --git a/apps/workflowengine/src/components/Checks/RequestURL.vue b/apps/workflowengine/src/components/Checks/RequestURL.vue index c9b241eddfa..85283a2a14f 100644 --- a/apps/workflowengine/src/components/Checks/RequestURL.vue +++ b/apps/workflowengine/src/components/Checks/RequestURL.vue @@ -136,8 +136,14 @@ export default { }, } </script> -<style scoped> +<style scoped lang="scss"> .multiselect, input[type='text'] { width: 100%; } + + .option__icon { + display: inline-block; + min-width: 30px; + background-position: left; + } </style> |