[FIX] website_portal, *: correct layout issues
* web_editor, website_portal_sale, website_project,
website_project_issue, website_project_issue_sheet
- Use bootstrap grid the right way (missing row)
- Use table-responsive for website portal tables
- Remove web_editor table layout style if inside a table-responsive
in mobile mode
This commit is contained in:
@@ -30,6 +30,11 @@ html, body {
|
||||
min-width: 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: @screen-xs-max) {
|
||||
.table-responsive > table.table {
|
||||
table-layout: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Media */
|
||||
|
||||
@@ -1,20 +1,9 @@
|
||||
|
||||
.o_my_status_table {
|
||||
th,td {
|
||||
text-align: right;
|
||||
}
|
||||
th:nth-last-child(2) {
|
||||
width: 150px;
|
||||
}
|
||||
th:nth-last-child(1), {
|
||||
width: 120px;
|
||||
}
|
||||
th:nth-child(1),
|
||||
td:nth-child(1) {
|
||||
width: auto;
|
||||
min-width: 150px;
|
||||
text-align: right;
|
||||
tr > :first-child {
|
||||
text-align: left;
|
||||
}
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.o_my_home_content > .page-header > a:hover {
|
||||
|
||||
@@ -92,19 +92,21 @@
|
||||
</div>
|
||||
<div id="wrap">
|
||||
<div class="container mb64">
|
||||
<div class="col-md-8">
|
||||
<t t-raw="0"/>
|
||||
</div>
|
||||
<div id="o_my_sidebar" class="col-md-3 col-md-offset-1 o_my_sidebar">
|
||||
<div class="o_my_contact" t-if="sales_rep">
|
||||
<t t-call="website_portal.contact"/>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-lg-8">
|
||||
<t t-raw="0"/>
|
||||
</div>
|
||||
<div class="o_my_details">
|
||||
<h3 class="page-header">Your Details <a href="/my/account" class="btn btn-default btn-xs">Change</a></h3>
|
||||
<div t-field="user.partner_id" t-options='{"widget": "contact", "fields": ["email", "phone", "address", "name"]}'/>
|
||||
</div>
|
||||
<div class="o_my_archives" t-if="archive_groups">
|
||||
<t t-call="website_portal.portal_archive_groups"/>
|
||||
<div id="o_my_sidebar" class="col-md-3 col-lg-offset-1 o_my_sidebar">
|
||||
<div class="o_my_contact" t-if="sales_rep">
|
||||
<t t-call="website_portal.contact"/>
|
||||
</div>
|
||||
<div class="o_my_details">
|
||||
<h3 class="page-header">Your Details <a href="/my/account" class="btn btn-default btn-xs">Change</a></h3>
|
||||
<div t-field="user.partner_id" t-options='{"widget": "contact", "fields": ["email", "phone", "address", "name"]}'/>
|
||||
</div>
|
||||
<div class="o_my_archives" t-if="archive_groups">
|
||||
<t t-call="website_portal.portal_archive_groups"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
<p>There are currently no quotes for your account.</p>
|
||||
</t>
|
||||
<t t-if="quotations">
|
||||
<table class="table table-hover o_my_status_table">
|
||||
<div class="table-responsive"><table class="table table-hover o_my_status_table">
|
||||
<thead>
|
||||
<tr class="active">
|
||||
<th>Quotation #</th>
|
||||
@@ -100,7 +100,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
</t>
|
||||
</table>
|
||||
</table></div>
|
||||
<div t-if="pager" class="o_portal_pager text-center">
|
||||
<t t-call="website.pager"/>
|
||||
</div>
|
||||
@@ -118,7 +118,7 @@
|
||||
<p>There are currently no orders for your account.</p>
|
||||
</t>
|
||||
<t t-if="orders">
|
||||
<table class="table table-hover o_my_status_table">
|
||||
<div class="table-responsive"><table class="table table-hover o_my_status_table">
|
||||
<thead>
|
||||
<tr class="active">
|
||||
<th>Sale Order #</th>
|
||||
@@ -147,7 +147,7 @@
|
||||
<td><span t-field="order.amount_total" t-options='{"widget": "monetary", "display_currency": order.pricelist_id.currency_id}'/></td>
|
||||
</tr>
|
||||
</t>
|
||||
</table>
|
||||
</table></div>
|
||||
<div t-if="pager" class="o_portal_pager text-center">
|
||||
<t t-call="website.pager"/>
|
||||
</div>
|
||||
@@ -165,7 +165,7 @@
|
||||
<p>There are currently no invoices for your account.</p>
|
||||
</t>
|
||||
<t t-if="invoices">
|
||||
<table class="table table-hover o_my_status_table">
|
||||
<div class="table-responsive"><table class="table table-hover o_my_status_table">
|
||||
<thead>
|
||||
<tr class="active">
|
||||
<th>Invoice #</th>
|
||||
@@ -200,7 +200,7 @@
|
||||
<td><span t-field="invoice.residual" t-options='{"widget": "monetary", "display_currency": invoice.currency_id}'/></td>
|
||||
</tr>
|
||||
</t>
|
||||
</table>
|
||||
</table></div>
|
||||
<div t-if="pager" class="o_portal_pager text-center">
|
||||
<t t-call="website.pager"/>
|
||||
</div>
|
||||
|
||||
@@ -54,7 +54,7 @@
|
||||
</div>
|
||||
</t>
|
||||
<div t-if="projects" class="panel panel-default">
|
||||
<table class="table table-hover status_table">
|
||||
<div class="table-responsive"><table class="table table-hover status_table">
|
||||
<thead>
|
||||
<tr class="active">
|
||||
<th class="col-md-6">Name</th>
|
||||
@@ -74,7 +74,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table></div>
|
||||
</div>
|
||||
<div t-if="pager" class="o_portal_pager text-center">
|
||||
<t t-call="website.pager"/>
|
||||
@@ -165,7 +165,7 @@
|
||||
</div>
|
||||
</t>
|
||||
<div t-if="tasks" class="panel panel-default">
|
||||
<table class="table table-hover status_table">
|
||||
<div class="table-responsive"><table class="table table-hover status_table">
|
||||
<thead>
|
||||
<tr class="active">
|
||||
<th class="col-md-10">Task</th>
|
||||
@@ -184,7 +184,7 @@
|
||||
</tr>
|
||||
</t>
|
||||
</tbody>
|
||||
</table>
|
||||
</table></div>
|
||||
</div>
|
||||
<div t-if="pager" class="o_portal_pager text-center">
|
||||
<t t-call="website.pager"/>
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
</div>
|
||||
</t>
|
||||
<div t-if="issues" class="panel panel-default">
|
||||
<table class="table table-hover status_table">
|
||||
<div class="table-responsive"><table class="table table-hover status_table">
|
||||
<thead>
|
||||
<tr class="active">
|
||||
<th>Issue</th>
|
||||
@@ -57,7 +57,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
</t>
|
||||
</table>
|
||||
</table></div>
|
||||
</div>
|
||||
<div t-if="pager" class="o_portal_pager text-center">
|
||||
<t t-call="website.pager"/>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<xpath expr="//div[@class='panel-body']" position="inside">
|
||||
<t t-if="issue.timesheet_ids">
|
||||
<hr/>
|
||||
<table class="table table-hover o_my_status_table">
|
||||
<div class="table-responsive"><table class="table table-hover o_my_status_table">
|
||||
<thead>
|
||||
<tr class="active">
|
||||
<th>Date</th>
|
||||
@@ -19,7 +19,7 @@
|
||||
<td><span t-esc="timesheet.sudo().user_id.name"/></td>
|
||||
<td><span t-field="timesheet.unit_amount" t-options='{"widget": "duration", "unit": "hour"}'/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</table></div>
|
||||
</t>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user