From f0f74adfef677f65c6802980533b0959a16b906b Mon Sep 17 00:00:00 2001 From: Antony Lesuisse Date: Tue, 19 Jun 2012 15:23:58 +0200 Subject: [IMP] sass form cleanups bzr revid: al@openerp.com-20120619132358-25it8p6mt79kf5bf --- addons/web/static/src/css/base.css | 74 +++++++++++++------------------- addons/web/static/src/css/base.sass | 84 ++++++++++++++++--------------------- 2 files changed, 65 insertions(+), 93 deletions(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index d55b320b969..f1211d2167c 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -107,7 +107,7 @@ display: inline-block; border: 1px solid #ababab; color: #404040; - margin: 0 4px 0 0; + margin: 0; padding: 3px 12px; font-size: 13px; text-align: center; @@ -1603,18 +1603,6 @@ max-width: 700px; font-size: 125%; } -.openerp .oe_view_topbar { - border-bottom: 1px solid #cacaca; - background-color: #fcfcfc; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede)); - background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede); - background-image: -moz-linear-gradient(top, #fcfcfc, #dedede); - background-image: -ms-linear-gradient(top, #fcfcfc, #dedede); - background-image: -o-linear-gradient(top, #fcfcfc, #dedede); - background-image: linear-gradient(to bottom, #fcfcfc, #dedede); - padding: 0 8px; - line-height: 30px; -} .openerp .oe_form_dropdown_section { position: relative; display: inline-block; @@ -1622,9 +1610,6 @@ .openerp .oe_formview { background: white; } -.openerp .oe_form_header { - padding: 8px; -} .openerp .oe_form_invalid input, .openerp .oe_form_invalid select, .openerp .oe_form_invalid textarea { background-color: #ff6666 !important; border: 1px solid #dd0000 !important; @@ -1706,6 +1691,29 @@ font-weight: bold; color: #b33630; } +.openerp .oe_form_subtotal_footer { + width: auto; + float: right; +} +.openerp .oe_form_subtotal_footer td.oe_form_group_cell { + text-align: right; + padding: 0; +} +.openerp .oe_form_subtotal_footer td.oe_form_group_cell_label { + border: none; +} +.openerp .oe_form_subtotal_footer .oe_form_field { + width: auto !important; +} +.openerp .oe_form_subtotal_footer .oe_form_subtotal_footer_separator { + border-top: 1px solid #cacaca; + font-size: 120%; + font-weight: bold; +} +.openerp .oe_form_subtotal_footer label.oe_form_subtotal_footer_separator { + font-weight: bold !important; + padding: 2px 8px 2px 0px !important; +} .openerp .oe_application .oe_form_sheetbg { background: url(/web/static/src/img/form_sheetbg.png); padding: 8px 0; @@ -1725,29 +1733,6 @@ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } -.openerp .oe_form .oe_form_subtotal_footer { - width: auto; - float: right; -} -.openerp .oe_form .oe_form_subtotal_footer td.oe_form_group_cell { - text-align: right; - padding: 0; -} -.openerp .oe_form .oe_form_subtotal_footer td.oe_form_group_cell_label { - border: none; -} -.openerp .oe_form .oe_form_subtotal_footer .oe_form_field { - width: auto !important; -} -.openerp .oe_form .oe_form_subtotal_footer .oe_form_subtotal_footer_separator { - border-top: 1px solid #cacaca; - font-size: 120%; - font-weight: bold; -} -.openerp .oe_form .oe_form_subtotal_footer label.oe_form_subtotal_footer_separator { - font-weight: bold !important; - padding: 2px 8px 2px 0px !important; -} .openerp .oe_form_invisible { display: none !important; } @@ -1814,9 +1799,6 @@ top: -4px; padding: 0 2px; } -.openerp .oe_form .oe_form_field_text textarea { - resize: none; -} .openerp .oe_form .oe_form_field { width: 100%; display: inline-block; @@ -2040,11 +2022,11 @@ border-left: 1px solid #666666; padding: 0 4px 0 4px; } -.openerp .oe_form .oe_form_field_progressbar { +.openerp .oe_form_field_progressbar { display: inline-block; min-width: 70px; } -.openerp .oe_form .oe_form_field_progressbar.ui-progressbar { +.openerp .oe_form_field_progressbar.ui-progressbar { height: 22px; font-size: 10px; -webkit-box-sizing: border-box; @@ -2058,12 +2040,12 @@ background: white; min-width: 50px; } -.openerp .oe_form .oe_form_field_progressbar.ui-progressbar span { +.openerp .oe_form_field_progressbar.ui-progressbar span { position: absolute; margin-left: 10px; font-weight: bold; } -.openerp .oe_form .oe_form_field_progressbar.ui-progressbar .ui-widget-header { +.openerp .oe_form_field_progressbar.ui-progressbar .ui-widget-header { background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; } .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page { diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index 341755cbcb2..89f149b378b 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -148,7 +148,7 @@ $colour4: #8a89ba display: inline-block border: 1px solid #ababab color: #404040 - margin: 0 4px 0 0 + margin: 0 padding: 3px 12px font-size: 13px text-align: center @@ -1281,11 +1281,6 @@ $colour4: #8a89ba padding: 35px 0px 0px 0px max-width: 700px font-size: 125% - .oe_view_topbar - border-bottom: 1px solid #cacaca - @include vertical-gradient(#fcfcfc, #dedede) - padding: 0 8px - line-height: 30px // }}} // FormView.body {{{ .oe_form_dropdown_section @@ -1293,8 +1288,6 @@ $colour4: #8a89ba display: inline-block .oe_formview background: white - .oe_form_header - padding: 8px .oe_form_invalid input, select, textarea background-color: #F66 !important @@ -1352,6 +1345,24 @@ $colour4: #8a89ba .oe_form_steps_active font-weight: bold color: #b33630 + .oe_form_subtotal_footer + width: auto + float: right + td.oe_form_group_cell + text-align: right + padding: 0 + td.oe_form_group_cell_label + border: none + .oe_form_field + width: auto !important + .oe_form_subtotal_footer_separator + border-top: 1px solid #cacaca + font-size: 120% + font-weight: bold + label.oe_form_subtotal_footer_separator + font-weight: bold !important + padding: 2px 8px 2px 0px !important + // no sheet in popups .oe_application .oe_form_sheetbg background: url(/web/static/src/img/form_sheetbg.png) @@ -1367,24 +1378,6 @@ $colour4: #8a89ba padding: 16px border: 1px solid #afafb6 @include box-shadow(0 0 10px rgba(0,0,0,0.3)) - .oe_form - .oe_form_subtotal_footer - width: auto - float: right - td.oe_form_group_cell - text-align: right - padding: 0 - td.oe_form_group_cell_label - border: none - .oe_form_field - width: auto !important - .oe_form_subtotal_footer_separator - border-top: 1px solid #cacaca - font-size: 120% - font-weight: bold - label.oe_form_subtotal_footer_separator - font-weight: bold !important - padding: 2px 8px 2px 0px !important // }}} // FormView.layout {{{ .oe_form_invisible @@ -1577,7 +1570,7 @@ $colour4: #8a89ba .oe_form_group margin: 5px 0px 5px 0px // }}} - // FormView.binaryfile {{{ + // FormView.fields_binary {{{ /* http://www.quirksmode.org/dom/inputfile.html * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image */ @@ -1636,26 +1629,23 @@ $colour4: #8a89ba padding: 0 4px 0 4px // }}} // FormView.progressbar {{{ - .oe_form - .oe_form_field_progressbar - display: inline-block - min-width: 70px - .oe_form_field_progressbar.ui-progressbar - height: 22px - font-size: 10px - @include box-sizing(border) - border: 1px solid #999 - @include radius(3px) - background: white - min-width: 50px - - span - position: absolute - margin-left: 10px - font-weight: bold - - .ui-widget-header - background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x + .oe_form_field_progressbar + display: inline-block + min-width: 70px + .oe_form_field_progressbar.ui-progressbar + height: 22px + font-size: 10px + @include box-sizing(border) + border: 1px solid #999 + @include radius(3px) + background: white + min-width: 50px + span + position: absolute + margin-left: 10px + font-weight: bold + .ui-widget-header + background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x // }}} // FormView.one2many {{{ .oe_form .oe_form_field_one2many > .oe_view_manager -- cgit v1.2.3 From 3239a583c63276402bbae438ff5936174289e279 Mon Sep 17 00:00:00 2001 From: Antony Lesuisse Date: Tue, 19 Jun 2012 15:42:02 +0200 Subject: [IMP] sass form reorganisationa bzr revid: al@openerp.com-20120619134202-8ueuiytk6lrjrmm3 --- addons/web/static/src/css/base.css | 193 +++++++++++++++++------------------- addons/web/static/src/css/base.sass | 180 +++++++++++++++------------------ 2 files changed, 167 insertions(+), 206 deletions(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index f1211d2167c..985eba051d1 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -1603,13 +1603,13 @@ max-width: 700px; font-size: 125%; } +.openerp .oe_formview { + background: white; +} .openerp .oe_form_dropdown_section { position: relative; display: inline-block; } -.openerp .oe_formview { - background: white; -} .openerp .oe_form_invalid input, .openerp .oe_form_invalid select, .openerp .oe_form_invalid textarea { background-color: #ff6666 !important; border: 1px solid #dd0000 !important; @@ -1632,6 +1632,19 @@ .openerp .oe_form_button_save_dirty:hover { background: #ed6f6a; } +.openerp .oe_form_invisible { + display: none !important; +} +.openerp .oe_form_editable .oe_edit_only { + display: none !important; +} +.openerp .oe_form_readonly .oe_edit_only, .openerp .oe_form_readonly .oe_form_field:empty { + display: none !important; +} +.openerp .oe_form_nosheet > *:not(.oe_form_topbar) { + margin-left: 10px !important; + margin-right: 10px !important; +} .openerp .oe_form header { position: relative; border-bottom: 1px solid #cacaca; @@ -1733,14 +1746,72 @@ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } -.openerp .oe_form_invisible { - display: none !important; +.openerp .oe_form td.oe_form_group_cell_label { + border-right: 1px solid #dddddd; + padding: 2px 0px 2px 0px; } -.openerp .oe_form_editable .oe_edit_only { - display: none !important; +.openerp .oe_form td.oe_form_group_cell_label label { + line-height: 18px; + display: block; + min-width: 120px; } -.openerp .oe_form_readonly .oe_edit_only, .openerp .oe_form_readonly .oe_form_field:empty { - display: none !important; +.openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell { + padding-left: 8px; +} +.openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] { + font-weight: bold; + white-space: nowrap; + padding-right: 8px; +} +.openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span { + font-size: 80%; + color: darkGreen; + vertical-align: top; + position: relative; + top: -4px; + padding: 0 2px; +} +.openerp .oe_horizontal_border { + border-bottom: 1px solid black; +} +.openerp .oe_horizontal_separator { + font-weight: bold; + font-size: 20px; + margin: 20px 0px 10px 0px; + color: #aaaabb; +} +.openerp .oe_horizontal_separator:empty { + height: 5px; +} +.openerp .oe_vertical_separator { + border-left: 1px solid #666666; + padding: 0 4px 0 4px; +} +.openerp .oe_form_field_progressbar { + display: inline-block; + min-width: 70px; +} +.openerp .oe_form_field_progressbar.ui-progressbar { + height: 22px; + font-size: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #999999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: white; + min-width: 50px; +} +.openerp .oe_form_field_progressbar.ui-progressbar span { + position: absolute; + margin-left: 10px; + font-weight: bold; +} +.openerp .oe_form_field_progressbar.ui-progressbar .ui-widget-header { + background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; } .openerp .oe_form .oe_form_field_text { width: 100%; @@ -1770,35 +1841,6 @@ height: inherit !important; font-size: inherit; } -.openerp .oe_form_nosheet > *:not(.oe_form_topbar) { - margin-left: 10px !important; - margin-right: 10px !important; -} -.openerp .oe_form td.oe_form_group_cell_label { - border-right: 1px solid #dddddd; - padding: 2px 0px 2px 0px; -} -.openerp .oe_form td.oe_form_group_cell_label label { - line-height: 18px; - display: block; - min-width: 120px; -} -.openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell { - padding-left: 8px; -} -.openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] { - font-weight: bold; - white-space: nowrap; - padding-right: 8px; -} -.openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span { - font-size: 80%; - color: darkGreen; - vertical-align: top; - position: relative; - top: -4px; - padding: 0 2px; -} .openerp .oe_form .oe_form_field { width: 100%; display: inline-block; @@ -1820,18 +1862,11 @@ .openerp .oe_form .oe_form_field_datetime { width: 11em; } -.openerp .oe_form input[type="text"], -.openerp .oe_form input[type="password"], -.openerp .oe_form input[type="file"], -.openerp .oe_form select { +.openerp .oe_form input[type="text"], .openerp .oe_form input[type="password"], .openerp .oe_form input[type="file"], .openerp .oe_form select { height: 22px; padding-top: 2px; } -.openerp .oe_form input[type="text"], -.openerp .oe_form input[type="password"], -.openerp .oe_form input[type="file"], -.openerp .oe_form select, -.openerp .oe_form textarea { +.openerp .oe_form input[type="text"], .openerp .oe_form input[type="password"], .openerp .oe_form input[type="file"], .openerp .oe_form select, .openerp .oe_form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -1840,11 +1875,7 @@ min-width: 70px; color: #1f1f1f; } -.openerp .oe_form input[readonly], -.openerp .oe_form select[readonly], -.openerp .oe_form textarea[readonly], -.openerp .oe_form input[disabled], -.openerp .oe_form select[disabled] { +.openerp .oe_form input[readonly], .openerp .oe_form select[readonly], .openerp .oe_form textarea[readonly], .openerp .oe_form input[disabled], .openerp .oe_form select[disabled] { background: #e5e5e5 !important; color: #666666; } @@ -1859,10 +1890,7 @@ -webkit-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 { +.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; @@ -2006,47 +2034,13 @@ .openerp .oe_form .oe_form_field_image:hover .oe_form_field_image_controls { display: block; } -.openerp .oe_horizontal_border { - border-bottom: 1px solid black; -} -.openerp .oe_horizontal_separator { - font-weight: bold; - font-size: 20px; - margin: 20px 0px 10px 0px; - color: #aaaabb; -} -.openerp .oe_horizontal_separator:empty { - height: 5px; -} -.openerp .oe_vertical_separator { - border-left: 1px solid #666666; - padding: 0 4px 0 4px; -} -.openerp .oe_form_field_progressbar { - display: inline-block; - min-width: 70px; -} -.openerp .oe_form_field_progressbar.ui-progressbar { - height: 22px; - font-size: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #999999; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: white; - min-width: 50px; +.openerp .oe_form_field_many2one td:first-child { + position: relative; } -.openerp .oe_form_field_progressbar.ui-progressbar span { +.openerp .oe_form_field_many2one span.oe-m2o-drop-down-button { position: absolute; - margin-left: 10px; - font-weight: bold; -} -.openerp .oe_form_field_progressbar.ui-progressbar .ui-widget-header { - background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; + top: 3px; + right: 2px; } .openerp .oe_form .oe_form_field_one2many > .oe_view_manager .oe_list_pager_single_page { display: none; @@ -2255,12 +2249,3 @@ .kitten-mode-activated > * { opacity: 0.7; } - -.openerp .oe_form_field_many2one td:first-child { - position: relative; -} -.openerp .oe_form_field_many2one span.oe-m2o-drop-down-button { - position: absolute; - top: 3px; - right: 2px; -} diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index 89f149b378b..eb442256f36 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -401,7 +401,6 @@ $colour4: #8a89ba @include vertical-gradient(#f0f0fa, #eeeef6) @include box-shadow(none) // }}} - // Loading {{{ .oe_loading display: none @@ -1282,12 +1281,12 @@ $colour4: #8a89ba max-width: 700px font-size: 125% // }}} - // FormView.body {{{ + // FormView.base and dynamic tags {{{ + .oe_formview + background: white .oe_form_dropdown_section position: relative display: inline-block - .oe_formview - background: white .oe_form_invalid input, select, textarea background-color: #F66 !important @@ -1300,6 +1299,16 @@ $colour4: #8a89ba font-weight: bold &:hover background: #ED6F6A + .oe_form_invisible + display: none !important + .oe_form_editable .oe_edit_only + display: none !important + .oe_form_readonly + .oe_edit_only, .oe_form_field:empty + display: none !important + .oe_form_nosheet > *:not(.oe_form_topbar) + margin-left: 10px !important + margin-right: 10px !important // }}} // FormView.custom tags and classes {{{ .oe_form @@ -1379,43 +1388,7 @@ $colour4: #8a89ba border: 1px solid #afafb6 @include box-shadow(0 0 10px rgba(0,0,0,0.3)) // }}} - // FormView.layout {{{ - .oe_form_invisible - display: none !important - .oe_form_editable .oe_edit_only - display: none !important - .oe_form_readonly - .oe_edit_only, .oe_form_field:empty - display: none !important - .oe_form - .oe_form_field_text - width: 100% - - .oe_form_field_char input, - .oe_form_field_url input, - .oe_form_field_text textarea, - .oe_form_field_selection select - width: inherit - .oe_form_sheet textarea - width: 500px - .oe_form_field_float input - width: 100px - - h1 .oe_form_field_float input - width: 140px - - h2 .oe_form_field_float input - width: 120px - - h1, h2, h3, h4, h5, h6 - margin: 0 0 4px 0 - input - height: inherit !important - font-size: inherit - .oe_form_nosheet > *:not(.oe_form_topbar) - margin-left: 10px !important - margin-right: 10px !important - + // FormView.group {{{ .oe_form td.oe_form_group_cell_label border-right: 1px solid #ddd @@ -1442,8 +1415,61 @@ $colour4: #8a89ba top: -4px padding: 0 2px // }}} + // FormView.separator {{{ + .oe_horizontal_border + border-bottom: 1px solid black + .oe_horizontal_separator + font-weight: bold + font-size: 20px + margin: 20px 0px 10px 0px + color: #aab + .oe_horizontal_separator:empty + height: 5px + .oe_vertical_separator + border-left: 1px solid #666 + padding: 0 4px 0 4px + // }}} + // FormView.progressbar {{{ + .oe_form_field_progressbar + display: inline-block + min-width: 70px + .oe_form_field_progressbar.ui-progressbar + height: 22px + font-size: 10px + @include box-sizing(border) + border: 1px solid #999 + @include radius(3px) + background: white + min-width: 50px + span + position: absolute + margin-left: 10px + font-weight: bold + .ui-widget-header + background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x + // }}} // FormView.fields {{{ .oe_form + .oe_form_field_text + width: 100% + .oe_form_field_char input, + .oe_form_field_url input, + .oe_form_field_text textarea, + .oe_form_field_selection select + width: inherit + .oe_form_sheet textarea + width: 500px + .oe_form_field_float input + width: 100px + h1 .oe_form_field_float input + width: 140px + h2 .oe_form_field_float input + width: 120px + h1, h2, h3, h4, h5, h6 + margin: 0 0 4px 0 + input + height: inherit !important + font-size: inherit .oe_form_field width: 100% display: inline-block @@ -1459,26 +1485,15 @@ $colour4: #8a89ba width: 7em .oe_form_field_datetime width: 11em - input[type="text"], - input[type="password"], - input[type="file"], - select + input[type="text"], input[type="password"], input[type="file"], select height: 22px padding-top: 2px - input[type="text"], - input[type="password"], - input[type="file"], - select, - textarea + input[type="text"], input[type="password"], input[type="file"], select, textarea @include box-sizing(border) background: white min-width: 70px color: #1f1f1f - input[readonly], - select[readonly], - textarea[readonly], - input[disabled], - select[disabled] + input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled] background: #E5E5E5 !important color: #666 textarea[disabled] @@ -1487,10 +1502,7 @@ $colour4: #8a89ba padding-left: 8px @include box-shadow(none) @include radius(0px) - .oe_form_field_many2one input, - .oe_form_field_binary input, - .oe_form_field_binary input, - .oe_form_field_url input + .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 @@ -1558,7 +1570,6 @@ $colour4: #8a89ba > div position: relative overflow: hidden - .oe_form_title width: 55% .oe_form_title:after @@ -1614,38 +1625,14 @@ $colour4: #8a89ba &:hover .oe_form_field_image_controls display: block // }}} - // FormView.separator {{{ - .oe_horizontal_border - border-bottom: 1px solid black - .oe_horizontal_separator - font-weight: bold - font-size: 20px - margin: 20px 0px 10px 0px - color: #aab - .oe_horizontal_separator:empty - height: 5px - .oe_vertical_separator - border-left: 1px solid #666 - padding: 0 4px 0 4px - // }}} - // FormView.progressbar {{{ - .oe_form_field_progressbar - display: inline-block - min-width: 70px - .oe_form_field_progressbar.ui-progressbar - height: 22px - font-size: 10px - @include box-sizing(border) - border: 1px solid #999 - @include radius(3px) - background: white - min-width: 50px - span + // FormView.many2one {{{ + .oe_form_field_many2one + td:first-child + position: relative + span.oe-m2o-drop-down-button position: absolute - margin-left: 10px - font-weight: bold - .ui-widget-header - background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x + top: 3px + right: 2px // }}} // FormView.one2many {{{ .oe_form .oe_form_field_one2many > .oe_view_manager @@ -1769,7 +1756,6 @@ $colour4: #8a89ba .oe_view_editor tr:hover background-color: #ecebf2 // }}} - // Debugging stuff {{{ .oe_layout_debugging .oe_form_group @@ -1812,16 +1798,6 @@ $colour4: #8a89ba >* opacity: 0.70 // }}} -// Transitional overrides for old styles {{{ -.openerp - .oe_form_field_many2one - td:first-child - position: relative - span.oe-m2o-drop-down-button - position: absolute - top: 3px - right: 2px -// }}} // au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers > "%:p:r.css" // vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: -- cgit v1.2.3 From 57edcce3a0a58b6ea4c5b06a66e266d2cfa01756 Mon Sep 17 00:00:00 2001 From: Antony Lesuisse Date: Tue, 19 Jun 2012 15:51:15 +0200 Subject: fix tabs form cleanups bzr revid: al@openerp.com-20120619135115-2c559uf6lega2v6c --- addons/web/static/src/css/base.sass | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index eb442256f36..beebd5b2e5f 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -194,8 +194,6 @@ $colour4: #8a89ba width: auto a.ui-state-active background: #f0f0fa - .ui-tabs - margin: 0 -16px // }}} // Generic classes {{{ .oe_i @@ -1325,6 +1323,14 @@ $colour4: #8a89ba min-width: 650px max-width: 960px margin: 0 auto + .oe_form_title + width: 55% + .oe_form_title:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden ul.oe_form_steps height: 30px padding: 0 @@ -1387,6 +1393,8 @@ $colour4: #8a89ba padding: 16px border: 1px solid #afafb6 @include box-shadow(0 0 10px rgba(0,0,0,0.3)) + .ui-tabs + margin: 0 -16px // }}} // FormView.group {{{ .oe_form @@ -1399,7 +1407,8 @@ $colour4: #8a89ba min-width: 120px td.oe_form_group_cell + .oe_form_group_cell padding-left: 8px - + .oe_form_group + margin: 5px 0px 5px 0px // }}} // FormView.label {{{ .oe_form @@ -1570,16 +1579,6 @@ $colour4: #8a89ba > div position: relative overflow: hidden - .oe_form_title - width: 55% - .oe_form_title:after - content: "." - display: block - height: 0 - clear: both - visibility: hidden - .oe_form_group - margin: 5px 0px 5px 0px // }}} // FormView.fields_binary {{{ /* http://www.quirksmode.org/dom/inputfile.html -- cgit v1.2.3 From 69363d82889fceac121a5ce62a72ee3a94102153 Mon Sep 17 00:00:00 2001 From: Minh Tran Date: Tue, 19 Jun 2012 15:53:57 +0200 Subject: fixed tabs flickering and margin bzr revid: mit@openerp.com-20120619135357-5wa1ywcvqh90086j --- addons/web/static/src/css/base.css | 37 ++++++++++++++++++------------------- addons/web/static/src/css/base.sass | 3 +-- 2 files changed, 19 insertions(+), 21 deletions(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index 985eba051d1..23f91aec952 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -1,4 +1,4 @@ -@charset "utf-8"; +@charset "UTF-8"; @font-face { font-family: "mnmliconsRegular"; src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot"); @@ -182,9 +182,6 @@ .openerp .ui-menu .ui-menu-item a.ui-state-active { background: #f0f0fa; } -.openerp .ui-tabs { - margin: 0 -16px; -} .openerp .oe_i { font-family: "mnmliconsRegular" !important; font-size: 21px; @@ -302,7 +299,7 @@ } .openerp .oe_notebook { margin: 8px 0; - padding: 0 8px; + padding: 0 16px; list-style: none; zoom: 1; } @@ -328,7 +325,6 @@ } .openerp .oe_notebook > li { position: relative; - margin-bottom: -1px; } .openerp .oe_notebook > li > a { padding: 0 12px; @@ -1667,6 +1663,16 @@ max-width: 960px; margin: 0 auto; } +.openerp .oe_form_title { + width: 55%; +} +.openerp .oe_form_title:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} .openerp ul.oe_form_steps { height: 30px; padding: 0; @@ -1746,6 +1752,9 @@ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } +.openerp .oe_application .oe_form_sheet .ui-tabs { + margin: 0 -16px; +} .openerp .oe_form td.oe_form_group_cell_label { border-right: 1px solid #dddddd; padding: 2px 0px 2px 0px; @@ -1758,6 +1767,9 @@ .openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell { padding-left: 8px; } +.openerp .oe_form .oe_form_group { + margin: 5px 0px 5px 0px; +} .openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] { font-weight: bold; white-space: nowrap; @@ -1976,19 +1988,6 @@ position: relative; overflow: hidden; } -.openerp .oe_form .oe_form_title { - width: 55%; -} -.openerp .oe_form .oe_form_title:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.openerp .oe_form .oe_form_group { - margin: 5px 0px 5px 0px; -} .openerp .oe_hidden_input_file { overflow: hidden; position: relative; diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index beebd5b2e5f..b63995b3e87 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -268,7 +268,7 @@ $colour4: #8a89ba // Notebook {{{ .oe_notebook margin: 8px 0 - padding: 0 8px + padding: 0 16px list-style: none zoom: 1 .oe_notebook:before, .oe_notebook:after @@ -288,7 +288,6 @@ $colour4: #8a89ba border-width: 0 0 1px .oe_notebook > li position: relative - margin-bottom: -1px .oe_notebook > li > a padding: 0 12px margin-right: 2px -- cgit v1.2.3 From 1ca85cf20e60ca9efa802789c28ffe74d7e4659b Mon Sep 17 00:00:00 2001 From: Antony Lesuisse Date: Tue, 19 Jun 2012 16:07:24 +0200 Subject: fix groups bzr revid: al@openerp.com-20120619140724-2k5pxakw99emft7y --- addons/web/static/src/css/base.css | 3 ++- addons/web/static/src/css/base.sass | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index 23f91aec952..dc211a93c36 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -1,4 +1,4 @@ -@charset "UTF-8"; +@charset "utf-8"; @font-face { font-family: "mnmliconsRegular"; src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot"); @@ -1768,6 +1768,7 @@ padding-left: 8px; } .openerp .oe_form .oe_form_group { + width: 100%; margin: 5px 0px 5px 0px; } .openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] { diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index b63995b3e87..f0d0c4ba155 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -1407,6 +1407,7 @@ $colour4: #8a89ba td.oe_form_group_cell + .oe_form_group_cell padding-left: 8px .oe_form_group + width: 100% margin: 5px 0px 5px 0px // }}} // FormView.label {{{ -- cgit v1.2.3 From 2f2dcd29d0c37cd7bc80b7ce4c622fd3510e18eb Mon Sep 17 00:00:00 2001 From: Antony Lesuisse Date: Tue, 19 Jun 2012 16:21:09 +0200 Subject: fix notebook in sheet bzr revid: al@openerp.com-20120619142109-9q269mjhus62ads6 --- addons/web/static/src/css/base.css | 7 +++++-- addons/web/static/src/css/base.sass | 6 ++++-- 2 files changed, 9 insertions(+), 4 deletions(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index dc211a93c36..024ecbbb965 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -1755,6 +1755,9 @@ .openerp .oe_application .oe_form_sheet .ui-tabs { margin: 0 -16px; } +.openerp .oe_application .oe_form_sheet .oe_notebook_page { + padding: 0 16px; +} .openerp .oe_form td.oe_form_group_cell_label { border-right: 1px solid #dddddd; padding: 2px 0px 2px 0px; @@ -1769,7 +1772,7 @@ } .openerp .oe_form .oe_form_group { width: 100%; - margin: 5px 0px 5px 0px; + margin: 4px 0 4px 0; } .openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] { font-weight: bold; @@ -1790,7 +1793,7 @@ .openerp .oe_horizontal_separator { font-weight: bold; font-size: 20px; - margin: 20px 0px 10px 0px; + margin: 8px 0px 8px 0px; color: #aaaabb; } .openerp .oe_horizontal_separator:empty { diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index f0d0c4ba155..1d092ef041e 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -1394,6 +1394,8 @@ $colour4: #8a89ba @include box-shadow(0 0 10px rgba(0,0,0,0.3)) .ui-tabs margin: 0 -16px + .oe_notebook_page + padding: 0 16px // }}} // FormView.group {{{ .oe_form @@ -1408,7 +1410,7 @@ $colour4: #8a89ba padding-left: 8px .oe_form_group width: 100% - margin: 5px 0px 5px 0px + margin: 4px 0 4px 0 // }}} // FormView.label {{{ .oe_form @@ -1430,7 +1432,7 @@ $colour4: #8a89ba .oe_horizontal_separator font-weight: bold font-size: 20px - margin: 20px 0px 10px 0px + margin: 8px 0px 8px 0px color: #aab .oe_horizontal_separator:empty height: 5px -- cgit v1.2.3 From 944a5bee47550874bf28d67831248cce11f5da74 Mon Sep 17 00:00:00 2001 From: Antony Lesuisse Date: Tue, 19 Jun 2012 18:18:42 +0200 Subject: [FIX] no sheet header bzr revid: al@openerp.com-20120619161842-xf5xki44bb91njvy --- addons/web/static/src/css/base.css | 2 +- addons/web/static/src/css/base.sass | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index 024ecbbb965..8a2f1169e0a 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -1637,7 +1637,7 @@ .openerp .oe_form_readonly .oe_edit_only, .openerp .oe_form_readonly .oe_form_field:empty { display: none !important; } -.openerp .oe_form_nosheet > *:not(.oe_form_topbar) { +.openerp .oe_form_nosheet > *:not(header) { margin-left: 10px !important; margin-right: 10px !important; } diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index 1d092ef041e..5eb61ac5f9e 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -1303,7 +1303,7 @@ $colour4: #8a89ba .oe_form_readonly .oe_edit_only, .oe_form_field:empty display: none !important - .oe_form_nosheet > *:not(.oe_form_topbar) + .oe_form_nosheet > *:not(header) margin-left: 10px !important margin-right: 10px !important // }}} -- cgit v1.2.3 From 590937d49a802f4565daa712f1e0d63c96b0bf6b Mon Sep 17 00:00:00 2001 From: Antony Lesuisse Date: Wed, 20 Jun 2012 11:45:20 +0200 Subject: [FIX] listview sass bzr revid: al@openerp.com-20120620094520-4051lhn04rpx3di1 --- addons/web/static/src/css/base.sass | 1 - 1 file changed, 1 deletion(-) (limited to 'addons/web/static/src/css') diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass index 5eb61ac5f9e..82e6a39961d 100644 --- a/addons/web/static/src/css/base.sass +++ b/addons/web/static/src/css/base.sass @@ -1664,7 +1664,6 @@ $colour4: #8a89ba .oe-listview-content width: 100% td:first-child, th:first-child - width: 17px &:after border-width: 0 > thead -- cgit v1.2.3