.oe_hidden{
display: none !important;
}
+.oe_invisible{
+ visibility: hidden !important;
+}
.clearfix:after {
content:" ";
display: block;
right:0;
top:0;
height:100%;
+ display: -webkit-flex;
+ display: flex;
+}
+.pos .pos-rightheader > * {
+ border-right: 1px solid #292929;
}
.pos .order-button{
height: 45px;
border-bottom: solid 1px rgb(196, 196, 196);
box-shadow: none;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
}
.pos .order-button .order-sequence{
}
.pos .order-selector {
- display: inline-block;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex: 1;
+ flex: 1;
}
.pos .orders {
- display: inline-block;
+ display: -webkit-flex;
+ display: flex;
vertical-align: top;
margin-left: 8px;
+ overflow: hidden;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
}
/* c) The session buttons */
// -------- Misc ---------
+ this.notification = new module.SynchNotificationWidget(this,{});
+ this.notification.appendTo(this.$('.pos-rightheader'));
+
this.close_button = new module.HeaderButtonWidget(this,{
label: _t('Close'),
action: function(){
});
this.close_button.appendTo(this.$('.pos-rightheader'));
- this.notification = new module.SynchNotificationWidget(this,{});
- this.notification.appendTo(this.$('.pos-rightheader'));
if(this.pos.config.use_proxy){
this.proxy_status = new module.ProxyStatusWidget(this,{});
</div>
<div class="pos-rightheader">
<div class="order-selector">
- <span class="orders"></span>
+ <span class="orders touch-scrollable"></span>
<span class="order-button square neworder-button"><i class='fa fa-plus' /></span>
<span class="order-button square deleteorder-button"><i class='fa fa-minus' /></span>
</div>