pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[REF] web: introduce new form-view layout

Browse Source
This commit is contained in:
stefanorigano
2017-09-01 10:32:49 +02:00
committed by qsm-odoo
parent 15a066dd34
commit 66701258f7
1 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/less/form_view.less
+24 -18
View File
@@ -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;
}
}
}