[FIX] sign: fix frame CSS for all screen size

Change CSS rules for the sign frame to make it more responsive

task-id : 2993103

closes odoo/odoo#104109

X-original-commit: a77f4f24c374254e1c13d9d5b5b538c7562eb96d
Related: odoo/enterprise#33209
Signed-off-by: Arnaud Joset <arj@odoo.com>
This commit is contained in:
Florian Damhaut
2022-10-26 14:05:42 +02:00
parent 38ad682388
commit 9d778a7346
2 changed files with 18 additions and 13 deletions
@@ -7,6 +7,11 @@
background: #ffffff;
}
.o_web_sign_signature_container {
// for the absolute of the frame to work
position: relative;
}
/* Signature Dialog */
// The .card selector is important to make sure the position absolute will take
// priority over the position relative of the card.
@@ -51,7 +51,7 @@
-->
<div class="o_web_sign_signature_group position-relative mt-3 border" style="overflow: hidden;">
<div class="card-header">
<div class="row g-0">
<div class="row g-0 flex-nowrap">
<div class="col-auto">
<a role="button" href="#" t-attf-class="o_web_sign_auto_button me-2 btn btn-light {{ widget.signMode === 'auto' ? 'active': '' }}">
Auto
@@ -67,25 +67,25 @@
Load
</a>
</div>
<div t-attf-class="o_web_sign_draw_clear col-auto ms-auto {{ widget.signMode !== 'draw' ? 'd-none' : '' }}">
<a role="button" href="#" class="btn btn-link">
Clear
</a>
<div class="pushend col-auto ms-auto"/>
<div t-attf-class="o_web_sign_draw_clear col-auto {{ widget.signMode !== 'draw' ? 'd-none' : '' }}">
<a role="button" href="#" class="btn btn-link fa fa-trash"/>
</div>
<div t-attf-class="o_web_sign_auto_select_style col-auto ms-auto {{ widget.signMode !== 'auto' ? 'd-none' : '' }}">
<a role="button" href="#" class="btn btn-link">
Style
</a>
<div t-attf-class="o_web_sign_auto_select_style col-auto {{ widget.signMode !== 'auto' ? 'd-none' : '' }}">
<a role="button" href="#" class="btn btn-link fa fa-font"/>
</div>
<div t-attf-class="o_web_sign_load_file col-auto {{ widget.signMode !== 'load' ? 'd-none' : '' }}">
<input type="file" role="button" name="files[]" class="btn btn-link py-0"/>
<button type="button" id="loadFileXml" onclick="document.getElementById('file').click();"
class="btn btn-link fa fa-upload" />
<input type="file" role="button" id="file" name="files[]" class="d-none"/>
</div>
</div>
</div>
<div class="o_signature_stroke position-absolute"/>
<div class="o_web_sign_signature p-0 bg-transparent position-relative"/>
<div class="o_web_sign_signature_container">
<div class="o_signature_stroke position-absolute"/>
<div class="o_web_sign_signature p-0 bg-transparent position-relative"/>
</div>
<div t-attf-class="o_web_sign_load_invalid card-footer d-none">
<div class="alert alert-danger mb-0" role="alert">