[FIX] loyalty: empty list view on mobile
This commit fixes `.o_view_nocontent`'s mobile layout. Prior this commit, it's content was overflowing on top of the page. task-3418657 part of task-3015891 closes odoo/odoo#129115 X-original-commit: a51310a53ac3abf7435223e2d2a3215a3e60df50 Signed-off-by: Victor Feyens (vfe) <vfe@odoo.com> Signed-off-by: Vallaeys Valentin (vava) <vava@odoo.com>
This commit is contained in:
committed by
Valentin Vallaeys (vava)
parent
aa3ebd20a6
commit
6504612cf2
@@ -65,8 +65,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
.o_loyalty_program_list_view_view .o_list_renderer {
|
||||
.o_view_nocontent {
|
||||
top: 10% !important;
|
||||
.o_loyalty_program_list_view_view .o_list_renderer .o_view_nocontent{
|
||||
@include media-breakpoint-down(lg){
|
||||
height: fit-content;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</t>
|
||||
|
||||
<t t-name="loyalty.LoyaltyActionHelper" owl="1">
|
||||
<div class="o_view_nocontent">
|
||||
<div class="o_view_nocontent flex-wrap pt-5">
|
||||
<div class="container">
|
||||
<div class="o_nocontent_help">
|
||||
<t t-out="props.noContentHelp"/>
|
||||
@@ -18,16 +18,16 @@
|
||||
<t t-foreach="Object.entries(loyaltyTemplateData)" t-as="data" t-key="data[0]">
|
||||
<t t-set="loyalty_el_icon" t-value="data[1].icon"/>
|
||||
<t t-set="loyalty_el_title" t-value="data[1].title"/>
|
||||
<div class="col-6 col-lg-3 py-4">
|
||||
<div class="col-6 col-md-4 col-lg-3 py-4">
|
||||
<div class="card rounded p-3 d-flex align-items-stretch h-100 loyalty-template" t-on-click.stop.prevent="() => this.onTemplateClick(data[0])">
|
||||
<div class="row m-0 w-100 h-100">
|
||||
<div class="col-lg-4 p-0">
|
||||
<div class="d-flex w-100 h-100 align-items-center justify-content-center display-3 p-3 text-muted">
|
||||
<div class="d-flex w-100 h-100 align-items-start justify-content-center display-3 p-3 text-muted">
|
||||
<img t-attf-src="/loyalty/static/img/{{loyalty_el_icon}}.svg" t-attf-alt="{{loyalty_el_title}}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8 p-0">
|
||||
<div class="card-body d-flex flex-column text-center justify-content-center text-lg-start h-100">
|
||||
<div class="card-body d-flex flex-column align-items-start justify-content-start h-100">
|
||||
<h3 class="card-title" t-out="loyalty_el_title"/>
|
||||
<p class="card-text" t-out="data[1].description"/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user