audrius/pms
1
0
Fork 1
mirror of https://github.com/OCA/pms.git synced 2025-01-29 00:17:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

[UPD] CSS tricks for visual adjustment

Browse Source
This commit is contained in:
Pablo
2019-01-28 17:13:25 +01:00
parent e044a91989
commit 2b8fbfd456
2 changed files with 41 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
hotel_calendar/static/src/css/view.css
View File

@@ -269,14 +269,15 @@ input#bookings_search {
} }
/* custom styles for popover info */ /* custom styles for popover info */
.circle { .circle {
width:35px;
height:35px; height:35px;
border-radius:50px; min-width:35px;
line-height:35px; line-height:35px;
border-radius:50px;
text-align:center; text-align:center;
color:#fff; color:#fff;
background:#777; background:#777;
margin-right: .65em; margin-right: .65em;
padding: 0 5px;
} }
.bg-gray-lighter { .bg-gray-lighter {
@@ -299,6 +300,10 @@ input#bookings_search {
.mr-5 { .mr-5 {
margin-right: 5px; margin-right: 5px;
} }
.mx-15 {
margin-left: 15px;
margin-right: 15px;
}
.mx-25 { .mx-25 {
margin-left: 25px; margin-left: 25px;
margin-right: 25px; margin-right: 25px;
@@ -324,3 +329,25 @@ input#bookings_search {
} }
/* TODO: Use Odoo Colours based on http://www.odoo.com/openerp_website/static/src/less/variables.less */ /* TODO: Use Odoo Colours based on http://www.odoo.com/openerp_website/static/src/less/variables.less */
div.diagonal {
overflow: hidden;
background-color: #777;
}
.diagonal:before {
content: "";
border-top: 700px solid #777;
border-right: 500px solid #ddd;
position: absolute;
left: 40%;
bottom: 0;
}
div.on-top {
position: inherit;
}
div.pull-right-custom {
float: right !important;
margin-right: 15px;
color: #777;
text-align: right;
}

21
hotel_calendar/static/src/xml/hotel_calendar_templates.xml
View File

@@ -132,16 +132,19 @@
<t t-name="HotelCalendar.TooltipReservation.Sale"> <t t-name="HotelCalendar.TooltipReservation.Sale">
<div class="row row-eq-height mt-3"> <div class="row row-eq-height mt-3">
<div class="col-sm-3 bg-gray-light pb-10 pr-0"> <div class="col-sm-6 bg-gray-light pb-10 pr-0 diagonal">
<!-- FIXME: HARD CURRENCY --> <div class="on-top">
<p>Folio Pending</p> <div class="pull-left">
<h3><t t-esc="pending_amount" t-widget="monetary"/> €</h3> <p>Folio Pending</p>
</div> <h3><t t-esc="pending_amount" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
<div class="col-sm-3 bg-gray-lighter pb-10"> </div>
<!-- FIXME: HARD CURRENCY --> <div class="pull-right-custom">
<h3><t t-esc="invoices_paid" t-widget="monetary"/> €</h3> <h3><t t-esc="invoices_paid" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
<p>Total Paid</p> <p>Total Paid</p>
</div>
</div>
</div> </div>
<div class="col-sm-6 bg-gray-light"> <div class="col-sm-6 bg-gray-light">
<t t-if="channel_type == 'web'"> <t t-if="channel_type == 'web'">
<t t-call="HotelCalendar.TooltipReservation.Channel.ota"/> <t t-call="HotelCalendar.TooltipReservation.Channel.ota"/>