vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/inputnumber/InputNumber.vue
View File

@ -626,8 +626,8 @@ export default {
flex: 0 0 auto; flex: 0 0 auto;
} }
.p-inputnumber-buttons-stacked .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-text { .p-inputnumber-buttons-horizontal .p-inputnumber-button .p-button-label {
display: none; display: none;
} }

17
src/views/inputnumber/InputNumberDemo.vue
View File

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

13
src/views/inputnumber/InputNumberDoc.vue
View File

@ -397,7 +397,7 @@ Vertical
&lt;/div&gt; &lt;/div&gt;
&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-grid p-fluid"&gt;
&lt;div class="p-field p-col-12 p-md-3"&gt; &lt;div class="p-field p-col-12 p-md-3"&gt;
&lt;label for="stacked"&gt;Stacked&lt;/label&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" &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; 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&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;div class="p-field p-col-12 p-md-3"&gt;
&lt;label for="minmax-buttons"&gt;Min-Max Boundaries&lt;/label&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;InputNumber id="minmax-buttons" v-model="value20" mode="decimal" showButtons :min="0" :max="100" /&gt;
&lt;/div&gt; &lt;/div&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> </template>
</CodeHighlight> </CodeHighlight>