mirror of
https://github.com/OCA/pms.git
synced 2025-01-29 00:17:45 +02:00
[WIP] Adjust styles
This commit is contained in:
Pablo
@@ -194,36 +194,41 @@ input#bookings_search {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/** TOOLTIPS **/
|
||||
/** POPOVER **/
|
||||
.popover-content {
|
||||
font-family: Garuda, sans-serif;
|
||||
font-size: 12px;
|
||||
padding: 9px;
|
||||
padding: 0px;
|
||||
}
|
||||
.popover h1, .h1, h2, .h2, h3, .h3 {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.popover {
|
||||
max-width: 550px;
|
||||
max-width: 400px;
|
||||
border-radius: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.popover .container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.popover .container p {
|
||||
margin-top: 3px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.popover header {
|
||||
font-size: 1.3em;
|
||||
.popover .container p.email {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.popover .fa-border {
|
||||
padding: .25em;
|
||||
border: solid 0.1em #777777;
|
||||
border-radius: .2em;
|
||||
.popover .container p.board {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.popover header {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.fa-2_5x {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
.fa-text-inside {
|
||||
font-family: Garuda, sans-serif;
|
||||
font-size: 14px;
|
||||
@@ -232,10 +237,29 @@ input#bookings_search {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
/* custom styles for popover info */
|
||||
.circle {
|
||||
width:35px;
|
||||
height:35px;
|
||||
border-radius:50px;
|
||||
line-height:35px;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
background:#777;
|
||||
margin-right: .65em;
|
||||
}
|
||||
|
||||
.bg-gray-lighter {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
/* Spacing in Bootstrap v4.0 */
|
||||
.mt-3 {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.mt-10 {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
@@ -257,6 +281,10 @@ input#bookings_search {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.pr-0 {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
/* WARNING: The .row-eq-height class uses CSS3's flexbox layout mode,
|
||||
which is not supported in Internet Explorer 9 and below. */
|
||||
.row-eq-height {
|
||||
|
||||
@@ -103,50 +103,30 @@
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<t t-name="HotelCalendar.TooltipReservation.Footer">
|
||||
<div class="row row-eq-height mt-10">
|
||||
<div class="col-sm-2 btn_popover_open_folio">
|
||||
<i class="fa fa-file-text-o fa-2x fa-pull-left" role="button"
|
||||
title="View Folio Details"> <span class="fa-text-inside"><t t-esc="folio_name"/></span></i>
|
||||
<t t-name="HotelCalendar.TooltipReservation.Customer">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-sm-6 bg-gray-light">
|
||||
<i class="fa fa-user-circle fa-2x fa-pull-left mt-5"/>
|
||||
<header><t t-esc="name"/></header>
|
||||
<p><t t-esc="phone"/></p>
|
||||
<p class="email"><t t-esc="email"/></p>
|
||||
</div>
|
||||
<div class="col-sm-2 btn_popover_open_reservation">
|
||||
<span class="fa fa-suitcase fa-2x" role="button"
|
||||
title="View Reservation Details" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<span class="fa fa-user-plus fa-2x" role="button"
|
||||
title="Checkin" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<span class="fa fa-envelope fa-2x" role="button"
|
||||
title="Send Reservation Email" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<span class="fa fa-money fa-2x" role="button"
|
||||
title="Payments" />
|
||||
</div>
|
||||
<div class="col-sm-2 btn_popover_close">
|
||||
<span class="fa fa-window-close fa-2x" role="button"
|
||||
title="Close" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-eq-height mt-10">
|
||||
<div class="col-sm-12">
|
||||
<t t-if="services">
|
||||
<t t-foreach='services' t-as='ps'>
|
||||
<i class="fa fa-exclamation-circle"/> <t t-esc='ps'/>
|
||||
</t>
|
||||
</t>
|
||||
<t t-if="splitted">
|
||||
<p>This reservation is part of splitted reservation. You can check it in the corresponding Folio.</p>
|
||||
</t>
|
||||
<div class="col-sm-6 bg-gray-lighter">
|
||||
<i class="fa fa-hotel fa-2_5x fa-pull-left mt-5"/>
|
||||
<header class="mt-5"><t t-esc="room_type_name"/></header>
|
||||
|
||||
<p><t t-esc="board_service_name"/></p>
|
||||
|
||||
<span class="circle pull-left"><t t-esc="amount_total" t-widget="monetary"/>€</span>
|
||||
<p>Adults: <t t-esc="adults"/></p>
|
||||
<p class="children">Children: <t t-esc="children"/></p>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<t t-name="HotelCalendar.TooltipReservation.Sale">
|
||||
<div class="row row-eq-height mt-3">
|
||||
<div class="col-sm-3 bg-primary pb-10">
|
||||
<div class="col-sm-3 bg-gray-light pb-10 pr-0">
|
||||
<!-- FIXME: HARD CURRENCY -->
|
||||
<p>Folio Pending</p>
|
||||
<h3><t t-esc="amount_total" t-widget="monetary"/> €</h3>
|
||||
@@ -169,7 +149,7 @@
|
||||
|
||||
<t t-name="HotelCalendar.TooltipReservation.Dates">
|
||||
<div class="row row-eq-height mt-3">
|
||||
<div class="col-sm-6 bg-gray-light py-5">
|
||||
<div class="col-sm-6 bg-primary py-5">
|
||||
<i class="fa fa-sign-in fa-2x fa-pull-left"/>
|
||||
<h3><t t-esc="checkin"/></h3>
|
||||
<p><t t-esc="checkin_day_of_week"/> <t t-esc="arrival_hour"/></p>
|
||||
@@ -182,24 +162,46 @@
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<t t-name="HotelCalendar.TooltipReservation.Footer">
|
||||
<div class="row row-eq-height mt-10">
|
||||
<div class="col-sm-4 btn_popover_open_folio">
|
||||
<i class="fa fa-file-text-o fa-2x fa-pull-left" role="button"
|
||||
title="View Folio Details"> <span class="fa-text-inside"><t t-esc="folio_name"/></span></i>
|
||||
</div>
|
||||
<div class="col-sm-2 btn_popover_open_reservation">
|
||||
<span class="fa fa-suitcase fa-2x" role="button"
|
||||
title="View Reservation Details" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<span class="fa fa-user-plus fa-2x" role="button"
|
||||
title="Checkin" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<span class="fa fa-envelope fa-2x" role="button"
|
||||
title="Send Reservation Email" />
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<span class="fa fa-money fa-2x" role="button"
|
||||
title="Payments" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-eq-height mt-10">
|
||||
<div class="col-sm-12">
|
||||
<t t-if="services">
|
||||
<t t-foreach='services' t-as='ps'>
|
||||
<i class="fa fa-exclamation-circle"/> <t t-esc='ps'/>
|
||||
</t>
|
||||
</t>
|
||||
<t t-if="splitted">
|
||||
<p>This reservation is part of splitted reservation. You can check it in the corresponding Folio.</p>
|
||||
</t>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<t t-name="HotelCalendar.TooltipReservation.normal">
|
||||
<div class="container">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-sm-6 bg-gray-light">
|
||||
<i class="fa fa-user-circle fa-2x fa-pull-left"/>
|
||||
<header><t t-esc="name"/></header>
|
||||
<p><t t-esc="phone"/></p>
|
||||
<p><t t-esc="email"/></p>
|
||||
</div>
|
||||
<div class="col-sm-6 bg-gray-lighter">
|
||||
<i class="fa fa-hotel fa-2x fa-pull-left"/>
|
||||
<h3 class="pull-right mt-3"><t t-esc="amount_total" t-widget="monetary"/>€</h3>
|
||||
<header><t t-esc="room_type_name"/></header>
|
||||
|
||||
<p>Board Service: <t t-esc="board_service_name"/></p>
|
||||
<p>Adults: <t t-esc="adults"/> - Children: <t t-esc="children"/></p>
|
||||
</div>
|
||||
</div>
|
||||
<t t-call="HotelCalendar.TooltipReservation.Customer"/>
|
||||
<t t-call="HotelCalendar.TooltipReservation.Sale"/>
|
||||
<t t-call="HotelCalendar.TooltipReservation.Dates"/>
|
||||
<t t-call="HotelCalendar.TooltipReservation.Footer"/>
|
||||
@@ -210,20 +212,20 @@
|
||||
<div class="container">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-sm-6 bg-danger">
|
||||
<i class="fa fa-black-tie fa-2x fa-pull-left"/>
|
||||
<i class="fa fa-black-tie fa-2x fa-pull-left mt-5"/>
|
||||
<header><t t-esc="name"/></header>
|
||||
<p><t t-esc="phone"/></p>
|
||||
<p><t t-esc="email"/></p>
|
||||
<p class="email"><t t-esc="email"/></p>
|
||||
</div>
|
||||
<div class="col-sm-6 bg-gray-lighter">
|
||||
<i class="fa fa-hotel fa-2x fa-pull-left"/>
|
||||
<header><t t-esc="room_type_name"/></header>
|
||||
<i class="fa fa-hotel fa-2_5x fa-pull-left mt-5"/>
|
||||
<header class="mt-5"><t t-esc="room_type_name"/></header>
|
||||
<p><t t-esc="board_service_name"/></p>
|
||||
|
||||
<p>Board Service: <t t-esc="board_service_name"/></p>
|
||||
<p>Adults: <t t-esc="adults"/> - Children: <t t-esc="children"/></p>
|
||||
<p>Adults: <t t-esc="adults"/></p>
|
||||
<p class="children">Children: <t t-esc="children"/></p>
|
||||
</div>
|
||||
</div>
|
||||
<t t-call="HotelCalendar.TooltipReservation.Sale"/>
|
||||
<t t-call="HotelCalendar.TooltipReservation.Dates"/>
|
||||
<t t-call="HotelCalendar.TooltipReservation.Footer"/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user