[IMP] web_widget_numeric_step: Better CSS and supports mobile layouts

This commit is contained in:
Alexandre Díaz
2020-02-07 02:43:49 +01:00
committed by Thanakrit Pintana
parent aa9dd2716d
commit 6c6566078a
14 changed files with 384 additions and 153 deletions

View File

@@ -1,19 +1,28 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
Copyright (C) 2019 - Today: GRAP (http://www.grap.coop)
@author: Quentin DUPONT <quentin.dupont@grap.coop>
Copyright 2019 GRAP - Quentin DUPONT
Copyright 2020 Tecnativa - Alexandre Díaz
License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html).
-->
<templates>
<t t-name="web_widget_numeric_step">
<t t-if="widget.mode != 'readonly'">
<input type="number" class="input_numeric_step"/>
<div class="btns_numeric_step">
<button class="fa fa-plus btn btn-secondary btn_numeric_step_plus" aria-label="Plus" title="Plus"/><button class="fa fa-minus btn btn-secondary btn_numeric_step_minus" aria-label="Minus" title="Minus"/>
<div class="input-group widget_numeric_step">
<div class="input-group-prepend">
<button class="fa fa-minus btn btn-default btn_numeric_step"
aria-label="Minus" title="Minus" type="button" data-mode="minus"/>
</div>
<input type="tel" class="form-control input_numeric_step" aria-label="Value" />
<div class="input-group-append">
<button class="fa fa-plus btn btn-default btn_numeric_step"
aria-label="Plus" title="Plus" type="button" data-mode="plus"/>
</div>
</div>
</t>
<t t-if="widget.mode == 'readonly'">
<t t-else="">
<field/>
</t>
</t>
</templates>