[IMP] better form css

bzr revid: fp@tinyerp.com-20120710101205-y0im0xzehzw6jm9p
This commit is contained in:
Fabien Pinckaers 2012-07-10 12:12:05 +02:00
parent a4072058fb
commit cbc1ed31b3
3 changed files with 39 additions and 36 deletions

View File

@ -1857,7 +1857,7 @@
.openerp .oe_form td.oe_form_group_cell_label label { .openerp .oe_form td.oe_form_group_cell_label label {
line-height: 18px; line-height: 18px;
display: block; display: block;
min-width: 120px; min-width: 110px;
} }
.openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell { .openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell {
padding-left: 6px; padding-left: 6px;
@ -1929,9 +1929,10 @@
} }
.openerp .oe_form .oe_form_field_char input, .openerp .oe_form .oe_form_field_char input,
.openerp .oe_form .oe_form_field_url input, .openerp .oe_form .oe_form_field_url input,
.openerp .oe_form .oe_form_field_email input,
.openerp .oe_form .oe_form_field_text textarea, .openerp .oe_form .oe_form_field_text textarea,
.openerp .oe_form .oe_form_field_selection select { .openerp .oe_form .oe_form_field_selection select {
width: inherit; width: 100%;
} }
.openerp .oe_form .oe_form_field_text.oe_inline, .openerp .oe_form .oe_form_field_text.oe_inline > textarea { .openerp .oe_form .oe_form_field_text.oe_inline, .openerp .oe_form .oe_form_field_text.oe_inline > textarea {
width: 500px; width: 500px;
@ -2001,15 +2002,6 @@
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
.openerp .oe_form .oe_form_field_many2one input, .openerp .oe_form .oe_form_field_binary input, .openerp .oe_form .oe_form_field_binary input, .openerp .oe_form .oe_form_field_url input {
border-right: none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.openerp .oe_form .oe_form_field_url button img { .openerp .oe_form .oe_form_field_url button img {
vertical-align: top; vertical-align: top;
} }
@ -2073,10 +2065,19 @@
right: 5px; right: 5px;
top: 3px; top: 3px;
} }
.openerp .oe_form .oe_form_field_with_button input { .openerp .oe_form .oe_form_field_with_button.oe_no_button > .oe_button {
width: 100%; display: none;
} }
.openerp .oe_form .oe_form_field_with_button > .oe_button { .openerp .oe_form .oe_form_field_with_button:not(.oe_no_button) input {
border-right: none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.openerp .oe_form .oe_form_field_with_button:not(.oe_no_button) > .oe_button {
float: right; float: right;
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
@ -2084,6 +2085,9 @@
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
height: 22px; height: 22px;
} }
.openerp .oe_form .oe_form_field_with_button input {
width: 100%;
}
.openerp .oe_form .oe_form_field_with_button > div { .openerp .oe_form .oe_form_field_with_button > div {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@ -2138,8 +2142,8 @@
} }
.openerp .oe_form_field_many2one span.oe_m2o_drop_down_button { .openerp .oe_form_field_many2one span.oe_m2o_drop_down_button {
position: absolute; position: absolute;
top: 3px; top: 1px;
right: 2px; right: 0px;
} }
.openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page { .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page {
display: none; display: none;

View File

@ -1449,7 +1449,7 @@ $sheet-max-width: 860px
label label
line-height: 18px line-height: 18px
display: block display: block
min-width: 120px min-width: 110px
td.oe_form_group_cell + .oe_form_group_cell td.oe_form_group_cell + .oe_form_group_cell
padding-left: 6px padding-left: 6px
.oe_form_group .oe_form_group
@ -1512,9 +1512,10 @@ $sheet-max-width: 860px
width: 100% width: 100%
.oe_form_field_char input, .oe_form_field_char input,
.oe_form_field_url input, .oe_form_field_url input,
.oe_form_field_email input,
.oe_form_field_text textarea, .oe_form_field_text textarea,
.oe_form_field_selection select .oe_form_field_selection select
width: inherit width: 100%
.oe_form_field_text.oe_inline, .oe_form_field_text.oe_inline > textarea .oe_form_field_text.oe_inline, .oe_form_field_text.oe_inline > textarea
width: 500px width: 500px
.oe_form_field_float input .oe_form_field_float input
@ -1560,14 +1561,6 @@ $sheet-max-width: 860px
padding-left: 8px padding-left: 8px
@include box-shadow(none) @include box-shadow(none)
@include radius(0px) @include radius(0px)
.oe_form_field_many2one input, .oe_form_field_binary input, .oe_form_field_binary input, .oe_form_field_url input
border-right: none
-webkit-border-top-right-radius: 0px
-webkit-border-bottom-right-radius: 0px
-moz-border-radius-topright: 0px
-moz-border-radius-bottomright: 0px
border-top-right-radius: 0px
border-bottom-right-radius: 0px
.oe_form_field_url button img .oe_form_field_url button img
vertical-align: top vertical-align: top
.oe_form_field_date, .oe_form_field_date,
@ -1618,14 +1611,25 @@ $sheet-max-width: 860px
filter: alpha(opacity=50) filter: alpha(opacity=50)
right: 5px right: 5px
top: 3px top: 3px
.oe_form_field_with_button .oe_form_field_with_button.oe_no_button > .oe_button
display: none
.oe_form_field_with_button:not(.oe_no_button)
input input
width: 100% border-right: none
-webkit-border-top-right-radius: 0px
-webkit-border-bottom-right-radius: 0px
-moz-border-radius-topright: 0px
-moz-border-radius-bottomright: 0px
border-top-right-radius: 0px
border-bottom-right-radius: 0px
> .oe_button > .oe_button
float: right float: right
@include radius(0) @include radius(0)
border-bottom-left-radius: 0px border-bottom-left-radius: 0px
height: 22px height: 22px
.oe_form_field_with_button
input
width: 100%
> div > div
position: relative position: relative
overflow: hidden overflow: hidden
@ -1680,8 +1684,8 @@ $sheet-max-width: 860px
position: relative position: relative
span.oe_m2o_drop_down_button span.oe_m2o_drop_down_button
position: absolute position: absolute
top: 3px top: 1px
right: 2px right: 0px
// }}} // }}}
// FormView.one2many {{{ // FormView.one2many {{{
.oe_form .oe_form_field_one2many > .oe_view_manager .oe_form .oe_form_field_one2many > .oe_view_manager

View File

@ -875,7 +875,7 @@
</span> </span>
</t> </t>
<t t-name="FieldEmail"> <t t-name="FieldEmail">
<span class="oe_form_field oe_form_field_email oe_form_field_with_button" t-att-style="widget.node.attrs.style"> <span class="oe_form_field oe_form_field_email" t-att-style="widget.node.attrs.style">
<a t-if="widget.get('effective_readonly')" href="#" class="oe_form_uri" target="_blank"/> <a t-if="widget.get('effective_readonly')" href="#" class="oe_form_uri" target="_blank"/>
<t t-if="!widget.get('effective_readonly')"> <t t-if="!widget.get('effective_readonly')">
<div> <div>
@ -893,11 +893,6 @@
<t t-jquery="span:first"> <t t-jquery="span:first">
this.removeClass('oe_form_field_email').addClass('oe_form_field_url'); this.removeClass('oe_form_field_email').addClass('oe_form_field_url');
</t> </t>
<t t-jquery="button.oe_button" t-operation="replace">
<button class="oe_button" tabindex="-1" type="button" title="Open this resource">
<img t-att-src='_s + "/web/static/src/img/icons/gtk-ok.png"'/>
</button>
</t>
</t> </t>
<t t-name="FieldText"> <t t-name="FieldText">
<div class="oe_form_field oe_form_field_text" t-att-style="widget.node.attrs.style"> <div class="oe_form_field oe_form_field_text" t-att-style="widget.node.attrs.style">