Update inputnumber

pull/358/head
cagataycivici 2020-07-01 20:59:31 +03:00
parent 7cbd917e51
commit 2b2ced5700
3 changed files with 16 additions and 20 deletions

View File

@ -626,8 +626,8 @@ export default {
flex: 0 0 auto;
}
.p-inputnumber-buttons-stacked .p-inputnumber-button .p-button-text,
.p-inputnumber-buttons-horizontal .p-inputnumber-button .p-button-text {
.p-inputnumber-buttons-stacked .p-inputnumber-button .p-button-label,
.p-inputnumber-buttons-horizontal .p-inputnumber-button .p-button-label {
display: none;
}

View File

@ -99,16 +99,17 @@
<InputNumber id="horizontal" v-model="value18" showButtons buttonLayout="horizontal" spinnerMode="horizontal" :step="0.25"
decrementButtonClass="p-button-danger" incrementButtonClass="p-button-success" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" mode="currency" currency="EUR" />
</div>
<div class="p-field p-col-12 p-md-3">
<label for="vertical">Vertical</label>
<InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical"
decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" />
</div>
<div class="p-field p-col-12 p-md-3">
<label for="minmax-buttons">Min-Max Boundaries</label>
<InputNumber id="minmax-buttons" v-model="value20" mode="decimal" showButtons :min="0" :max="100" />
</div>
</div>
<div class="p-field p-col-12 p-md-3">
<label for="vertical" style="display: block">Vertical</label>
<InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical" style="width:4rem"
decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" />
</div>
</div>
</div>
@ -149,9 +150,3 @@ export default {
}
}
</script>
<style scoped>
.layout-content .content-section.implementation > h3 {
font-weight: 600;
}
</style>

View File

@ -397,7 +397,7 @@ Vertical
&lt;/div&gt;
&lt;/div&gt;
&lt;h3&gt;Buttons&lt;/h3&gt;
&lt;h5&gt;Buttons&lt;/h5&gt;
&lt;div class="p-grid p-fluid"&gt;
&lt;div class="p-field p-col-12 p-md-3"&gt;
&lt;label for="stacked"&gt;Stacked&lt;/label&gt;
@ -408,16 +408,17 @@ Vertical
&lt;InputNumber id="horizontal" v-model="value18" showButtons buttonLayout="horizontal" spinnerMode="horizontal" :step="0.25"
decrementButtonClass="p-button-danger" incrementButtonClass="p-button-success" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" mode="currency" currency="EUR" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-3"&gt;
&lt;label for="vertical"&gt;Vertical&lt;/label&gt;
&lt;InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical"
decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" /&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-3"&gt;
&lt;label for="minmax-buttons"&gt;Min-Max Boundaries&lt;/label&gt;
&lt;InputNumber id="minmax-buttons" v-model="value20" mode="decimal" showButtons :min="0" :max="100" /&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="p-field p-col-12 p-md-3"&gt;
&lt;label for="vertical" style="display: block"&gt;Vertical&lt;/label&gt;
&lt;InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical" style="width:4rem"
decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" /&gt;
&lt;/div&gt;
</template>
</CodeHighlight>