summaryrefslogtreecommitdiff
path: root/addons/web/static/src/less
diff options
context:
space:
mode:
authorstefanorigano <sri@odoo.com>2017-08-11 14:53:45 +0200
committerqsm-odoo <qsm@odoo.com>2017-09-01 10:32:49 +0200
commit66701258f70ebb3c54550f593ddb1dee18f1e982 (patch)
treec2d42b3a6616ea3c0a7f5d9a08fd709155d85450 /addons/web/static/src/less
parent15a066dd34f31d80c0fc3922e445ae0eaf390eec (diff)
[REF] web: introduce new form-view layout
Diffstat (limited to 'addons/web/static/src/less')
-rw-r--r--addons/web/static/src/less/form_view.less42
1 files 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;
}
}
}