mirror of
https://github.com/OCA/web.git
synced 2025-02-22 13:21:25 +02:00
[FIX] web_widget_numeric_step: always display on touch screens; avoid layout jumping otherwise
Before this patch: - On a tablet, buttons wouldn't display (big screen; can't hover). - On a PC, fields would make layout jumps while hovering. @moduon MT-4472
This commit is contained in:
45
web_widget_numeric_step/static/src/numeric_step.xml
Normal file
45
web_widget_numeric_step/static/src/numeric_step.xml
Normal file
@@ -0,0 +1,45 @@
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<!--
|
||||
Copyright 2019 GRAP - Quentin DUPONT
|
||||
Copyright 2020 Tecnativa - Alexandre Díaz
|
||||
License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
|
||||
-->
|
||||
<template>
|
||||
<t t-name="web_widget_numeric_step" owl="1">
|
||||
<div class="d-flex widget_numeric_step">
|
||||
<div class="input-group-prepend widget_numeric_step_btn">
|
||||
<button
|
||||
class="fa fa-minus btn btn-default btn_numeric_step"
|
||||
aria-label="Minus"
|
||||
title="Minus"
|
||||
type="button"
|
||||
data-mode="minus"
|
||||
t-att-disabled="props.readonly"
|
||||
t-on-click="_onStepClick"
|
||||
/>
|
||||
</div>
|
||||
<input
|
||||
t-att-id="props.id"
|
||||
t-ref="numpadDecimal"
|
||||
t-att-placeholder="props.placeholder"
|
||||
t-att-type="props.inputType"
|
||||
class="o_input input_numeric_step"
|
||||
inputmode="decimal"
|
||||
t-att-step="props.step"
|
||||
t-on-keydown="_onKeyDown"
|
||||
t-on-wheel="_onWheel"
|
||||
/>
|
||||
<div class="input-group-append widget_numeric_step_btn">
|
||||
<button
|
||||
class="fa fa-plus btn btn-default btn_numeric_step"
|
||||
aria-label="Plus"
|
||||
title="Plus"
|
||||
type="button"
|
||||
data-mode="plus"
|
||||
t-att-disabled="props.readonly"
|
||||
t-on-click="_onStepClick"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
Reference in New Issue
Block a user