From 66701258f70ebb3c54550f593ddb1dee18f1e982 Mon Sep 17 00:00:00 2001
From: stefanorigano <sri@odoo.com>
Date: Fri, 11 Aug 2017 14:53:45 +0200
Subject: [PATCH] [REF] web: introduce new form-view layout

---
 addons/web/static/src/less/form_view.less | 42 +++++++++++++----------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/addons/web/static/src/less/form_view.less b/addons/web/static/src/less/form_view.less
index c87b0385554..c1e6077a0d6 100644
--- a/addons/web/static/src/less/form_view.less
+++ b/addons/web/static/src/less/form_view.less
@@ -135,7 +135,7 @@
         .o-flex-display();
         .o-justify-content(space-between);
         padding-left: @odoo-horizontal-padding;
-        border-bottom: 1px solid @odoo-brand-secondary;
+        border-bottom: 1px solid @gray-lighter-dark;
         background-color: @odoo-view-background-color;
 
         > .o_statusbar_buttons, > .o_statusbar_status {
@@ -153,7 +153,9 @@
             .o-flex-flow(row, wrap);
 
             > .btn {
-                margin: 2px 3px 2px 0;
+                margin-right: 3px;
+                padding-top: 2px;
+                padding-bottom: 2px;
             }
         }
 
@@ -169,15 +171,17 @@
                 font-weight: bold;
                 position: relative;
                 padding-left: @odoo-statusbar-arrow-width*2;
-                color: @odoo-main-color-muted;
-                .o-transition(all, 0.2s);
+                color: @gray;
+                border-width: 0 0 0;
+                border-radius: 0;
+                .o-transition(all, 0.1s);
 
                 &:first-child {
                     padding-right: @odoo-horizontal-padding; // Compensate container padding
                 }
                 &:last-child {
                     padding-left: @odoo-horizontal-padding - 1;
-                    border-left: 1px solid @odoo-brand-lightsecondary;
+                    border-left: 1px solid @gray-lighter-dark;
                 }
 
                 &:active {
@@ -186,16 +190,14 @@
 
                 &.disabled {
                     opacity: 1.0;
-                    cursor: auto;
-                    pointer-events: auto;
-                    color: @odoo-main-text-color;
-                    border-left: 1px solid @odoo-brand-lightsecondary;
+                    color: @text-muted;
+                    border-left: 1px solid @gray-lighter-dark;
                 }
 
                 &:before, &:after {
                     content: " ";
                     display: block;
-                    .o-position-absolute(0, -@odoo-statusbar-arrow-width + 1);
+                    .o-position-absolute(0, -@odoo-statusbar-arrow-width);
 
                     border-top: @odoo-statusbar-height/2 solid transparent;
                     border-bottom: @odoo-statusbar-height/2 solid transparent;
@@ -207,25 +209,29 @@
 
                 &:not(.disabled) {
                     &:hover, &:active, &:focus {
-                        color: white;
-                        background-color: @odoo-brand-optional;
+                        color: @odoo-brand-optional;
+                        background-color: @gray-lighter;
+
                         &:after {
-                            border-left-color: @odoo-brand-optional;
+                            border-left-color: @gray-lighter;
                         }
                     }
                 }
 
                 &:before {
-                    right: -@odoo-statusbar-arrow-width;
-                    border-left-color: @odoo-brand-lightsecondary;
+                    right: -@odoo-statusbar-arrow-width - 1px;
+                    border-left-color: @gray-lighter-dark;
                 }
 
                 &.btn-primary.disabled {
-                    color: @text-color;
-                    background-color: @odoo-brand-lightsecondary;
+                    color: @odoo-brand-primary;
+                    font-size: 11px;
+                    background-color: @gray-lighter;
+                    box-shadow: inset 0 5px 7px -8px @gray-darker;
+                    cursor: default;
 
                     &:after {
-                        border-left-color: @odoo-brand-lightsecondary;
+                        border-left-color: @gray-lighter;
                     }
                 }
             }