Cosmetics
parent
306e7b573d
commit
de2c8e9216
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<button :class="buttonClass" v-on="$listeners">
|
<button :class="buttonClass" v-on="$listeners">
|
||||||
<span v-if="icon" :class="iconClass"></span>
|
<span v-if="icon" :class="iconClass"></span>
|
||||||
<span class="p-button-text ">{{label||' '}}</span>
|
<span class="p-button-text">{{label||' '}}</span>
|
||||||
</button>
|
</button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -2,11 +2,11 @@
|
||||||
<div class="p-dataview-layout-options p-selectbutton p-buttonset">
|
<div class="p-dataview-layout-options p-selectbutton p-buttonset">
|
||||||
<button :class="buttonListClass" @click="changeLayout('list')" type="button">
|
<button :class="buttonListClass" @click="changeLayout('list')" type="button">
|
||||||
<i class="pi pi-bars"></i>
|
<i class="pi pi-bars"></i>
|
||||||
<span class="p-button-text "> </span>
|
<span class="p-button-text"> </span>
|
||||||
</button>
|
</button>
|
||||||
<button :class="buttonGridClass" @click="changeLayout('grid')" type="button">
|
<button :class="buttonGridClass" @click="changeLayout('grid')" type="button">
|
||||||
<i class="pi pi-th-large"></i>
|
<i class="pi pi-th-large"></i>
|
||||||
<span class="p-button-text "> </span>
|
<span class="p-button-text"> </span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-multiselect-trigger">
|
<div class="p-multiselect-trigger">
|
||||||
<span class="p-multiselect-trigger-icon pi pi-chevron-down "></span>
|
<span class="p-multiselect-trigger-icon pi pi-chevron-down"></span>
|
||||||
</div>
|
</div>
|
||||||
<transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
|
<transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
|
||||||
<div ref="overlay" class="p-multiselect-panel p-component" v-if="overlayVisible">
|
<div ref="overlay" class="p-multiselect-panel p-component" v-if="overlayVisible">
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
:tabindex="isOptionDisabled(option) ? null : '0'" @focus="onFocus($event, i)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy"
|
:tabindex="isOptionDisabled(option) ? null : '0'" @focus="onFocus($event, i)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy"
|
||||||
:class="['p-button p-component p-button-text-only', {'p-highlight': isSelected(option), 'p-disabled': isOptionDisabled(option), 'p-focus': (i === focusedIndex)}]">
|
:class="['p-button p-component p-button-text-only', {'p-highlight': isSelected(option), 'p-disabled': isOptionDisabled(option), 'p-focus': (i === focusedIndex)}]">
|
||||||
<slot name="option" :option="option" :index="i">
|
<slot name="option" :option="option" :index="i">
|
||||||
<span class="p-button-text ">{{getOptionLabel(option)}}</span>
|
<span class="p-button-text">{{getOptionLabel(option)}}</span>
|
||||||
</slot>
|
</slot>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div :class="buttonClass" @click="onClick($event)" role="checkbox" :aria-labelledby="ariaLabelledBy" :aria-checked="value" :tabindex="$attrs.disabled ? null : '0'">
|
<div :class="buttonClass" @click="onClick($event)" role="checkbox" :aria-labelledby="ariaLabelledBy" :aria-checked="value" :tabindex="$attrs.disabled ? null : '0'">
|
||||||
<span v-if="hasIcon" :class="iconClass"></span>
|
<span v-if="hasIcon" :class="iconClass"></span>
|
||||||
<span class="p-button-text p-unselectable-text ">{{label}}</span>
|
<span class="p-button-text p-unselectable-text">{{label}}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue