Utilize new button layouting for adding a chevron

This commit is contained in:
Benedikt Kulmann
2020-10-06 09:58:20 +02:00
parent 02d7c71d1f
commit be8772f687
3 changed files with 5 additions and 3 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="uk-width-1-1 uk-width-2-3@m uk-width-1-2@l">
<div class="uk-width-1-1 uk-width-2-3@m uk-width-1-2@l uk-width-1-3@xl">
<div class="oc-text-bold oc-mb-s">
<translate>{{ bundle.displayName }}</translate>
</div>

View File

@@ -1,12 +1,13 @@
<template>
<div>
<oc-button :id="buttonElementId" class="uk-width-expand">
<oc-button :id="buttonElementId" class="uk-width-expand" justify-content="space-between">
<span v-if="selectedOptions !== null && selectedOptions.length > 0">
{{ selectedOptionsDisplayValues }}
</span>
<span v-else>
{{ setting.placeholder || $gettext('Please select') }}
</span>
<oc-icon name="expand_more" />
</oc-button>
<oc-drop
:drop-id="dropElementId"

View File

@@ -1,12 +1,13 @@
<template>
<div>
<oc-button :id="buttonElementId" class="uk-width-expand">
<oc-button :id="buttonElementId" class="uk-width-expand" justify-content="space-between">
<span v-if="selectedOption">
{{ selectedOption.displayValue }}
</span>
<span v-else>
{{ setting.placeholder || $gettext('Please select') }}
</span>
<oc-icon name="expand_more" />
</oc-button>
<oc-drop
:drop-id="dropElementId"