[FIX] web: misalignment title of dialog on Mobile
The title is aligned to the right on mobile. This is the result of the
two rules of Bootstrap:
```css
.modal-header {
display: flex;
justify-content: space-between;
}
```
To avoid this we add `margin-inline: start`, to force start alignment of
the title.
Steps to reproduce:
* Open Customer (on small/mobile screen)
* Create a new Customer
* Click on Tags field => BUG title of dialog on the right
Note: on desktop there is no problem as there is the close button on
the right.
closes odoo/odoo#109796
X-original-commit: 7809abb1dcf1b0d384c0cad4065cdf15adf56081
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
Signed-off-by: Romeo Fragomeli (rfr) <rfr@odoo.com>
This commit is contained in:
@@ -40,7 +40,7 @@
|
||||
<t t-if="fullscreen">
|
||||
<button class="btn fa fa-arrow-left" data-bs-dismiss="modal" aria-label="Close" t-on-click="close" />
|
||||
</t>
|
||||
<h4 class="modal-title text-break">
|
||||
<h4 class="modal-title text-break" t-att-class="{ 'me-auto': fullscreen }">
|
||||
<t t-esc="props.title"/>
|
||||
</h4>
|
||||
<t t-if="!fullscreen">
|
||||
|
||||
Reference in New Issue
Block a user