Browse Source

fix: number input up-down button should be hidden

pull/7298/head
Ramesh Mane 8 months ago
parent
commit
ffcf84752d
  1. 14
      packages/nc-gui/components/cell/Currency.vue
  2. 14
      packages/nc-gui/components/cell/Percent.vue

14
packages/nc-gui/components/cell/Currency.vue

@ -99,3 +99,17 @@ onMounted(() => {
<!-- possibly unexpected string / null with showNull == false -->
<span v-else />
</template>
<style lang="scss" scoped>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type='number'] {
-moz-appearance: textfield;
}
</style>

14
packages/nc-gui/components/cell/Percent.vue

@ -150,3 +150,17 @@ const onTabPress = (e: KeyboardEvent) => {
<span v-else>{{ vModel }}&nbsp;</span>
</div>
</template>
<style lang="scss" scoped>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type='number'] {
-moz-appearance: textfield;
}
</style>

Loading…
Cancel
Save