[IMP] Improved css to support semantic html
bzr revid: nicolas.vanhoren@openerp.com-20120824114204-i6qprxhwczkkem6z
This commit is contained in:
parent
ee8b4c6c64
commit
7c334cfb5a
|
@ -1,3 +1,3 @@
|
||||||
base.css: base.sass
|
base.css: base.sass
|
||||||
sass -t expanded base.sass base.css
|
sass --trace -t expanded base.sass base.css
|
||||||
|
|
||||||
|
|
|
@ -141,13 +141,6 @@
|
||||||
background-image: -o-linear-gradient(top, #eeeeee, #dedede);
|
background-image: -o-linear-gradient(top, #eeeeee, #dedede);
|
||||||
background-image: linear-gradient(to bottom, #eeeeee, #dedede);
|
background-image: linear-gradient(to bottom, #eeeeee, #dedede);
|
||||||
}
|
}
|
||||||
.openerp ul, .openerp li, .openerp ol {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.openerp li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
.openerp input, .openerp textarea, .openerp select {
|
.openerp input, .openerp textarea, .openerp select {
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #cccccc;
|
||||||
|
@ -162,6 +155,13 @@
|
||||||
.openerp h4 {
|
.openerp h4 {
|
||||||
margin: 4px 0;
|
margin: 4px 0;
|
||||||
}
|
}
|
||||||
|
.openerp .oe_semantic_html_override ul, .openerp .oe_semantic_html_override li, .openerp .oe_semantic_html_override ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_semantic_html_override ul li, .openerp .oe_semantic_html_override li li, .openerp .oe_semantic_html_override ol li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
.openerp a.button:link, .openerp a.button:visited, .openerp button, .openerp input[type='submit'], .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
|
.openerp a.button:link, .openerp a.button:visited, .openerp button, .openerp input[type='submit'], .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border: 1px solid #ababab;
|
border: 1px solid #ababab;
|
||||||
|
@ -633,6 +633,18 @@
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_notebook li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
.openerp .oe_notebook ul, .openerp .oe_notebook li, .openerp .oe_notebook ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_notebook ul li, .openerp .oe_notebook li li, .openerp .oe_notebook ol li {
|
||||||
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
.openerp .oe_notebook.ui-corner-all {
|
.openerp .oe_notebook.ui-corner-all {
|
||||||
-moz-border-radius: 0;
|
-moz-border-radius: 0;
|
||||||
|
@ -937,6 +949,13 @@
|
||||||
-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
|
-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
|
||||||
box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
|
box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
|
||||||
}
|
}
|
||||||
|
.openerp .oe_login .oe_login_pane ul, .openerp .oe_login .oe_login_pane li, .openerp .oe_login .oe_login_pane ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_login .oe_login_pane ul li, .openerp .oe_login .oe_login_pane li li, .openerp .oe_login .oe_login_pane ol li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
.openerp .oe_login .oe_login_pane h2 {
|
.openerp .oe_login .oe_login_pane h2 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
@ -1016,6 +1035,13 @@
|
||||||
background-image: -o-linear-gradient(top, #646060, #262626);
|
background-image: -o-linear-gradient(top, #646060, #262626);
|
||||||
background-image: linear-gradient(to bottom, #646060, #262626);
|
background-image: linear-gradient(to bottom, #646060, #262626);
|
||||||
}
|
}
|
||||||
|
.openerp .oe_topbar ul, .openerp .oe_topbar li, .openerp .oe_topbar ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_topbar ul li, .openerp .oe_topbar li li, .openerp .oe_topbar ol li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
.openerp .oe_topbar .oe_topbar_item {
|
.openerp .oe_topbar .oe_topbar_item {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 5px 10px 7px;
|
padding: 5px 10px 7px;
|
||||||
|
@ -1088,6 +1114,13 @@
|
||||||
text-shadow: 0 1px 1px white;
|
text-shadow: 0 1px 1px white;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
.openerp .oe_leftbar ul, .openerp .oe_leftbar li, .openerp .oe_leftbar ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_leftbar ul li, .openerp .oe_leftbar li li, .openerp .oe_leftbar ol li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
.openerp a.oe_logo {
|
.openerp a.oe_logo {
|
||||||
width: 220px;
|
width: 220px;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -1283,6 +1316,13 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
.openerp .oe_view_manager table.oe_view_manager_header ul, .openerp .oe_view_manager table.oe_view_manager_header li, .openerp .oe_view_manager table.oe_view_manager_header ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_view_manager table.oe_view_manager_header ul li, .openerp .oe_view_manager table.oe_view_manager_header li li, .openerp .oe_view_manager table.oe_view_manager_header ol li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
.openerp .oe_view_manager table.oe_view_manager_header .oe_header_row {
|
.openerp .oe_view_manager table.oe_view_manager_header .oe_header_row {
|
||||||
clear: both;
|
clear: both;
|
||||||
text-shadow: 0 1px 1px white;
|
text-shadow: 0 1px 1px white;
|
||||||
|
@ -1952,7 +1992,7 @@
|
||||||
.openerp .oe_form div.oe_form_configuration div.oe_horizontal_separator {
|
.openerp .oe_form div.oe_form_configuration div.oe_horizontal_separator {
|
||||||
margin: 12px 0 8px 0;
|
margin: 12px 0 8px 0;
|
||||||
}
|
}
|
||||||
.openerp .oe_form div.oe_form_configuration p {
|
.openerp .oe_form div.oe_form_configuration p, .openerp .oe_form div.oe_form_configuration ul, .openerp .oe_form div.oe_form_configuration ol {
|
||||||
color: #aaaaaa;
|
color: #aaaaaa;
|
||||||
max-width: 650px;
|
max-width: 650px;
|
||||||
}
|
}
|
||||||
|
@ -2401,6 +2441,20 @@
|
||||||
float: right;
|
float: right;
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
}
|
}
|
||||||
|
.openerp .oe_form_field_status {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_form_field_status ul, .openerp .oe_form_field_status li, .openerp .oe_form_field_status ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.openerp .oe_form_field_status ul li, .openerp .oe_form_field_status li li, .openerp .oe_form_field_status ol li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
.openerp .oe_form_field_status li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
.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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -111,6 +111,16 @@ $sheet-max-width: 860px
|
||||||
content: $icon-name
|
content: $icon-name
|
||||||
color: $color
|
color: $color
|
||||||
|
|
||||||
|
@mixin ul-html-override()
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
li
|
||||||
|
list-style-type: none
|
||||||
|
|
||||||
|
@mixin semantic-html-override()
|
||||||
|
ul, li, ol
|
||||||
|
@include ul-html-override()
|
||||||
|
|
||||||
// }}}
|
// }}}
|
||||||
// CSS animation bounces {{{
|
// CSS animation bounces {{{
|
||||||
@-moz-keyframes bounce
|
@-moz-keyframes bounce
|
||||||
|
@ -194,11 +204,6 @@ $sheet-max-width: 860px
|
||||||
@include vertical-gradient(#f0f0fa, #eeeef6)
|
@include vertical-gradient(#f0f0fa, #eeeef6)
|
||||||
.zebra tbody tr:hover td
|
.zebra tbody tr:hover td
|
||||||
@include vertical-gradient(#eee, #dedede)
|
@include vertical-gradient(#eee, #dedede)
|
||||||
ul, li, ol
|
|
||||||
margin: 0
|
|
||||||
padding: 0
|
|
||||||
li
|
|
||||||
list-style-type: none
|
|
||||||
input, textarea, select
|
input, textarea, select
|
||||||
padding: 2px 4px
|
padding: 2px 4px
|
||||||
border: 1px solid #ccc
|
border: 1px solid #ccc
|
||||||
|
@ -208,6 +213,8 @@ $sheet-max-width: 860px
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
h4
|
h4
|
||||||
margin: 4px 0
|
margin: 4px 0
|
||||||
|
.oe_semantic_html_override
|
||||||
|
@include semantic-html-override
|
||||||
// }}}
|
// }}}
|
||||||
// Button style {{{
|
// Button style {{{
|
||||||
a.button:link, a.button:visited, button, input[type='submit'], .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
|
a.button:link, a.button:visited, button, input[type='submit'], .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
|
||||||
|
@ -515,6 +522,8 @@ $sheet-max-width: 860px
|
||||||
padding: 0 16px
|
padding: 0 16px
|
||||||
list-style: none
|
list-style: none
|
||||||
zoom: 1
|
zoom: 1
|
||||||
|
@include ul-html-override
|
||||||
|
@include semantic-html-override
|
||||||
.oe_notebook.ui-corner-all
|
.oe_notebook.ui-corner-all
|
||||||
@include radius(0)
|
@include radius(0)
|
||||||
.oe_notebook:before, .oe_notebook:after
|
.oe_notebook:before, .oe_notebook:after
|
||||||
|
@ -734,6 +743,7 @@ $sheet-max-width: 860px
|
||||||
text-align: left
|
text-align: left
|
||||||
@include radius(8px)
|
@include radius(8px)
|
||||||
@include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
|
@include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
|
||||||
|
@include semantic-html-override
|
||||||
h2
|
h2
|
||||||
margin-top: 0
|
margin-top: 0
|
||||||
font-size: 18px
|
font-size: 18px
|
||||||
|
@ -799,6 +809,7 @@ $sheet-max-width: 860px
|
||||||
height: 31px
|
height: 31px
|
||||||
border-top: solid 1px #d3d3d3
|
border-top: solid 1px #d3d3d3
|
||||||
@include vertical-gradient(#646060, #262626)
|
@include vertical-gradient(#646060, #262626)
|
||||||
|
@include semantic-html-override
|
||||||
.oe_topbar_item
|
.oe_topbar_item
|
||||||
display: block
|
display: block
|
||||||
padding: 5px 10px 7px
|
padding: 5px 10px 7px
|
||||||
|
@ -849,6 +860,7 @@ $sheet-max-width: 860px
|
||||||
border-right: 1px solid $tag-border
|
border-right: 1px solid $tag-border
|
||||||
text-shadow: 0 1px 1px white
|
text-shadow: 0 1px 1px white
|
||||||
padding-bottom: 16px
|
padding-bottom: 16px
|
||||||
|
@include semantic-html-override
|
||||||
a.oe_logo
|
a.oe_logo
|
||||||
width: 220px
|
width: 220px
|
||||||
display: block
|
display: block
|
||||||
|
@ -1009,6 +1021,7 @@ $sheet-max-width: 860px
|
||||||
table.oe_view_manager_header
|
table.oe_view_manager_header
|
||||||
width: 100%
|
width: 100%
|
||||||
table-layout: fixed
|
table-layout: fixed
|
||||||
|
@include semantic-html-override
|
||||||
.oe_header_row
|
.oe_header_row
|
||||||
//min-height: 26px
|
//min-height: 26px
|
||||||
//line-height: 26px
|
//line-height: 26px
|
||||||
|
@ -1521,7 +1534,7 @@ $sheet-max-width: 860px
|
||||||
div.oe_form_configuration
|
div.oe_form_configuration
|
||||||
div.oe_horizontal_separator
|
div.oe_horizontal_separator
|
||||||
margin: 12px 0 8px 0
|
margin: 12px 0 8px 0
|
||||||
p
|
p, ul, ol
|
||||||
color: #aaa
|
color: #aaa
|
||||||
max-width: 650px
|
max-width: 650px
|
||||||
label
|
label
|
||||||
|
@ -1856,6 +1869,11 @@ $sheet-max-width: 860px
|
||||||
float: right
|
float: right
|
||||||
padding-left: 2px
|
padding-left: 2px
|
||||||
// }}}
|
// }}}
|
||||||
|
// FormView.fieldstatus {{{
|
||||||
|
.oe_form_field_status
|
||||||
|
@include semantic-html-override
|
||||||
|
@include ul-html-override
|
||||||
|
// }}}
|
||||||
// FormView.one2many {{{
|
// FormView.one2many {{{
|
||||||
.oe_form .oe_form_field_one2many > .oe_view_manager
|
.oe_form .oe_form_field_one2many > .oe_view_manager
|
||||||
.oe_list_pager_single_page
|
.oe_list_pager_single_page
|
||||||
|
|
|
@ -1083,7 +1083,7 @@
|
||||||
</span>
|
</span>
|
||||||
</t>
|
</t>
|
||||||
<t t-name="FieldStatus">
|
<t t-name="FieldStatus">
|
||||||
<ul t-att-class="widget.options.clickable ? 'oe_form_steps_clickable' : 'oe_form_steps'" t-att-style="widget.node.attrs.style"/>
|
<ul t-att-class="'oe_form_field_status ' + (widget.options.clickable ? 'oe_form_steps_clickable' : 'oe_form_steps')" t-att-style="widget.node.attrs.style"/>
|
||||||
</t>
|
</t>
|
||||||
<t t-name="FieldStatus.content">
|
<t t-name="FieldStatus.content">
|
||||||
<t t-foreach="widget.selection" t-as="i">
|
<t t-foreach="widget.selection" t-as="i">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div t-name="GraphView" id="element-chart" class="editor-render" style="position:relative; width: 300px;">
|
<div t-name="GraphView" id="element-chart" class="oe_semantic_html_override editor-render" style="position:relative; width: 300px;">
|
||||||
<a href="#" class="oe_e dropdown-menu-icon" data-toggle="dropdown" title="Graph Options">&iacute;</a>
|
<a href="#" class="oe_e dropdown-menu-icon" data-toggle="dropdown" title="Graph Options">&iacute;</a>
|
||||||
<div class="graph_header_legend">
|
<div class="graph_header_legend">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -28,7 +28,7 @@
|
||||||
<t t-name="KanbanView.group_header">
|
<t t-name="KanbanView.group_header">
|
||||||
<td class="oe_kanban_group_header">
|
<td class="oe_kanban_group_header">
|
||||||
<t t-if="widget.view.group_by">
|
<t t-if="widget.view.group_by">
|
||||||
<div class="oe_kanban_header">
|
<div class="oe_kanban_header oe_semantic_html_override">
|
||||||
<t t-if="widget.view._is_quick_create_enabled()">
|
<t t-if="widget.view._is_quick_create_enabled()">
|
||||||
<div class="oe_kanban_add oe_e">]</div>
|
<div class="oe_kanban_add oe_e">]</div>
|
||||||
</t>
|
</t>
|
||||||
|
|
Loading…
Reference in New Issue