odoo
/
odoo
2
0
Fork 0
Code Pull Requests Releases Activity

[FIX] point_of_sale: order buttons were too big to be used on tablets

This commit is contained in:
Frederic van der Essen 2014-08-08 14:43:19 +02:00
parent a3d6b3ae4b
commit 4ae6babb29
1 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
addons/point_of_sale/static/src/css/pos.css
View File

@ -254,7 +254,7 @@ td {
left:0; left:0;
top:0; top:0;
width: 100%; width: 100%;
height: 34px; height: 48px;
margin:0; margin:0;
padding:0; padding:0;
color: gray; color: gray;
@ -278,9 +278,9 @@ td {
vertical-align: middle; vertical-align: middle;
} }
.pos .pos-logo { .pos .pos-logo {
height: 32px; height: 35px;
width: 116px; margin-left: 7px;
margin-left:5px; margin-top: 2px;
vertical-align:middle; vertical-align:middle;
} }
.pos .pos-branding .username{ .pos .pos-branding .username{
@ -288,7 +288,7 @@ td {
color:#DDD; color:#DDD;
font-size:16px; font-size:16px;
margin-right:32px; margin-right:32px;
margin-top:10px; line-height: 48px;
font-style:italic; font-style:italic;
} }
@ -307,7 +307,7 @@ td {
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
height: 32px; height: 46px;
padding: 4px 8px; padding: 4px 8px;
margin: 3px; margin: 3px;
margin-bottom: 0px; margin-bottom: 0px;
@ -317,17 +317,17 @@ td {
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
vertical-align: top; vertical-align: top;
line-height: 26px; line-height: 42px;
text-align: center; text-align: center;
box-shadow: 0px -5px 10px -6px rgb(82,82,82) inset; box-shadow: 0px -5px 10px -6px rgb(82,82,82) inset;
cursor: pointer; cursor: pointer;
min-width: 34px; min-width: 45px;
} }
.pos .order-button.selected{ .pos .order-button.selected{
font-weight: 900; font-weight: 900;
background: #EEEEEE; background: #EEEEEE;
color: rgb(75,75,75); color: rgb(75,75,75);
height: 31px; height: 45px;
border-bottom: solid 1px rgb(196, 196, 196); border-bottom: solid 1px rgb(196, 196, 196);
box-shadow: none; box-shadow: none;
} }
@ -349,10 +349,11 @@ td {
} }
.pos .order-button.square{ .pos .order-button.square{
width: 34px;
margin-left:1px; margin-left:1px;
background: #5c5c5c; background: #5c5c5c;
color: rgb(160,160,160); color: rgb(160,160,160);
font-size: 18px;
line-height: 45px;
} }
.pos .order-button:not(.square) > .fa { .pos .order-button:not(.square) > .fa {
font-size: 16px; font-size: 16px;
@ -376,15 +377,15 @@ td {
/* c) The session buttons */ /* c) The session buttons */
.pos .pos-rightheader .header-button{ .pos .pos-rightheader .header-button{
float:right; float: right;
height:32px; height: 48px;
padding-left:10px; padding-left: 16px;
padding-right:10px; padding-right: 16px;
border-right: 1px solid #292929; border-right: 1px solid #292929;
border-left: 1px solid #292929; border-left: 1px solid #292929;
color:#DDD; color: #DDD;
line-height:32px; line-height: 48px;
text-align:center; text-align: center;
cursor: pointer; cursor: pointer;
-webkit-transition-property: background; -webkit-transition-property: background;
@ -404,9 +405,9 @@ td {
.pos .oe_status{ .pos .oe_status{
float:right; float:right;
color: rgba(255,255,255,0.4); color: rgba(255,255,255,0.4);
padding: 8px; padding: 14px;
line-height:16px; line-height: 20px;
font-size:16px; font-size: 20px;
vertical-align:middle; vertical-align:middle;
font-style: italic; font-style: italic;
cursor:pointer; cursor:pointer;
@ -438,7 +439,7 @@ td {
.pos .pos-content { .pos .pos-content {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 34px; top: 48px;
bottom: 0; bottom: 0;
background: #F0EEEE; background: #F0EEEE;
} }