[FIX] *: BS4, restore right-aligned columns
With BS3, if a column was supposed to be aligned on the right, using the 'pull-right' class on it did the trick. With BS4, this is not the case anymore as .row elements use flex. This commit use one of those 3 solutions case per case: - If the column was alone on its row, then adding the 'justify-content-end' class on the row. - If the column was not alone on its row, then adding the 'ml-auto' class on the column instead. - If the column was already filling the row, there was no point in aligning it to the right Note: this commit does not case about potential xpath which would add new columns in one of those rows. If any, this can be handled as a fix later.
This commit is contained in:
@@ -1074,7 +1074,7 @@
|
||||
<div class="col-6">
|
||||
<strong><span><t t-esc="record.name.value"/></span></strong>
|
||||
</div>
|
||||
<div class="col-6 float-right text-right">
|
||||
<div class="col-6 text-right">
|
||||
<span class="badge badge-pill"><t t-esc="record.type_tax_use.value"/></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -139,8 +139,8 @@
|
||||
</table>
|
||||
|
||||
<div class="clearfix">
|
||||
<div id="total" class="row">
|
||||
<div t-attf-class="col-md-4 float-right #{'col-4' if not type_html else ''}">
|
||||
<div id="total" class="row justify-content-end">
|
||||
<div t-attf-class="col-md-4 #{'col-4' if not type_html else ''}">
|
||||
<table class="table table-sm" style="min-width: 250px;max-width: 400px;">
|
||||
<tr class="border-black" style="border-bottom:1px solid #dddddd;">
|
||||
<td><strong>Subtotal</strong></td>
|
||||
|
||||
@@ -60,8 +60,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<tr>
|
||||
<td><strong>Total</strong></td>
|
||||
|
||||
@@ -255,7 +255,7 @@
|
||||
<div class="col-6">
|
||||
<strong><span><t t-esc="record.name.value"/></span></strong>
|
||||
</div>
|
||||
<div class="col-6 float-right text-right">
|
||||
<div class="col-6 text-right">
|
||||
<strong><t t-esc="record.date.value"/></strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -352,7 +352,7 @@
|
||||
<div class="col-6">
|
||||
<strong><span><t t-esc="record.name.value"/></span></strong>
|
||||
</div>
|
||||
<div class="col-6 float-right text-right">
|
||||
<div class="col-6 text-right">
|
||||
<strong><t t-esc="record.date.value"/></strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -81,8 +81,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<tr class="border-black">
|
||||
<td><strong>Total</strong></td>
|
||||
|
||||
@@ -52,8 +52,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<tr class="border-black">
|
||||
<td><strong>Total</strong></td>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<h2>Bulletin de paie</h2>
|
||||
<h4>Paie du <span t-field="o.date_from"/> au <span t-field="o.date_to"/></h4>
|
||||
</div>
|
||||
<div class="col-4 float-right">
|
||||
<div class="col-4 ml-auto">
|
||||
<table class="table table-bordered" stype="border: 2px solid black;">
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
@@ -57,8 +57,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<tr class="border-black">
|
||||
<td><strong>Total</strong></td>
|
||||
|
||||
@@ -62,8 +62,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<tr class="border-black">
|
||||
<td><strong>Total</strong></td>
|
||||
|
||||
@@ -78,8 +78,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<tr class="border-black">
|
||||
<td><strong>Subtotal</strong></td>
|
||||
|
||||
@@ -118,8 +118,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<t t-if="o.invoice_method !='none'">
|
||||
<tr class="border-black">
|
||||
|
||||
@@ -2,8 +2,8 @@
|
||||
<odoo>
|
||||
<template id="report_delivery_document_inherit_sale_stock" inherit_id="stock.report_delivery_document">
|
||||
<xpath expr="//h2" position="before">
|
||||
<div class="row" t-if="o.sale_id.client_order_ref">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end" t-if="o.sale_id.client_order_ref">
|
||||
<div class="col-4">
|
||||
<strong>Customer Reference:</strong>
|
||||
<p t-field="o.sale_id.client_order_ref"/>
|
||||
</div>
|
||||
|
||||
@@ -58,8 +58,8 @@
|
||||
</table>
|
||||
|
||||
<t t-if="o.filter == 'product' and o.product_id">
|
||||
<div class="row">
|
||||
<div class="col-4 float-right">
|
||||
<div class="row justify-content-end">
|
||||
<div class="col-4">
|
||||
<table class="table table-sm">
|
||||
<tr class="border-black">
|
||||
<td><strong>Total Quantity</strong></td>
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
<t t-foreach="docs" t-as="o">
|
||||
<t t-call="web.external_layout">
|
||||
<div class="page">
|
||||
<div class="row mb16">
|
||||
<div class="col-4 float-right" name="right_box">
|
||||
<div class="row justify-content-end mb16">
|
||||
<div class="col-4" name="right_box">
|
||||
<img t-att-src="'/report/barcode/?type=%s&value=%s&width=%s&height=%s' % ('Code128', o.name, 600, 100)" style="width:300px;height:50px;" alt="Barcode"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -501,7 +501,7 @@
|
||||
<div class="col-6">
|
||||
<strong><field name="product_id"/></strong>
|
||||
</div>
|
||||
<div class="col-6 float-right text-right">
|
||||
<div class="col-6 text-right">
|
||||
<strong>Qty: </strong><field name="product_uom_qty"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -132,7 +132,7 @@
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4 col-md-4 col-4 text-center"></div>
|
||||
</div>
|
||||
<div class="col-xl-2 col-lg-2 col-md-2 col-2 float-right text-right">
|
||||
<div class="col-xl-2 col-lg-2 col-md-2 col-2 text-right">
|
||||
<a t-if="slide.download_security and not is_embedded" target="_top" t-attf-href="/slides/slide/#{slug(slide)}/download" title="Download" id="download">
|
||||
<i class="fa fa-download fa-2x" role="img" aria-label="Download"></i>
|
||||
</a>
|
||||
|
||||
@@ -96,7 +96,7 @@
|
||||
<div class="col-6">
|
||||
<strong><span><t t-esc="record.name.value"/></span></strong>
|
||||
</div>
|
||||
<div class="col-6 float-right text-right">
|
||||
<div class="col-6 text-right">
|
||||
<span class="badge badge-pill"><t t-esc="record.symbol.value"/></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user