sane table based layouting for oe_main
bzr revid: al@openerp.com-20120327222041-kum3fp8nopnnbcdp
This commit is contained in:
parent
92b3a975f3
commit
d6d9e2602d
|
@ -0,0 +1,3 @@
|
||||||
|
base.css: base.sass
|
||||||
|
sass -t expanded base.sass base.css
|
||||||
|
|
|
@ -10,18 +10,14 @@
|
||||||
.openerp2 a {
|
.openerp2 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.openerp2 .oe_webclient .oe_application {
|
.openerp2 .oe_left {
|
||||||
position: absolute;
|
float: left;
|
||||||
top: 33px;
|
|
||||||
bottom: 0;
|
|
||||||
left: 222px;
|
|
||||||
right: 0;
|
|
||||||
}
|
}
|
||||||
.openerp2 .oe_webclient .oe_application a {
|
.openerp2 .oe_right {
|
||||||
color: #8a89ba;
|
float: right;
|
||||||
}
|
}
|
||||||
.openerp2 .oe_webclient .oe_application a:hover {
|
.openerp2 .oe_clear {
|
||||||
text-decoration: underline;
|
clear: both;
|
||||||
}
|
}
|
||||||
.openerp2 .oe_content_full_screen .oe_application {
|
.openerp2 .oe_content_full_screen .oe_application {
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -30,6 +26,10 @@
|
||||||
.openerp2 .oe_content_full_screen .topbar, .openerp2 .oe_content_full_screen .leftbar {
|
.openerp2 .oe_content_full_screen .topbar, .openerp2 .oe_content_full_screen .leftbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.openerp2 .oe_webclient {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.openerp2 .oe_topbar {
|
.openerp2 .oe_topbar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 31px;
|
height: 31px;
|
||||||
|
@ -88,19 +88,15 @@
|
||||||
.openerp2 .oe_topbar .oe_topbar_avatar {
|
.openerp2 .oe_topbar .oe_topbar_avatar {
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
.openerp2 .oe_leftbarbg {
|
.openerp2 .oe_main {
|
||||||
position: fixed;
|
width: 100%;
|
||||||
width: 220px;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #f0eeee;
|
border-spacing: 0px;
|
||||||
border-right: 1px solid #afafb6;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
}
|
||||||
.openerp2 .oe_leftbar {
|
.openerp2 .oe_leftbar {
|
||||||
float: left;
|
|
||||||
width: 221px;
|
width: 221px;
|
||||||
|
background: #f0eeee;
|
||||||
|
border-right: 1px solid #afafb6;
|
||||||
text-shadow: 0 1px 1px white;
|
text-shadow: 0 1px 1px white;
|
||||||
}
|
}
|
||||||
.openerp2 a.oe_logo {
|
.openerp2 a.oe_logo {
|
||||||
|
@ -132,6 +128,12 @@
|
||||||
color: #c81010;
|
color: #c81010;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
.openerp2 .oe_application a {
|
||||||
|
color: #8a89ba;
|
||||||
|
}
|
||||||
|
.openerp2 .oe_application a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
.openerp2 .oe_menu {
|
.openerp2 .oe_menu {
|
||||||
float: left;
|
float: left;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -328,15 +330,6 @@
|
||||||
-webkit-box-shadow: none;
|
-webkit-box-shadow: none;
|
||||||
-box-shadow: none;
|
-box-shadow: none;
|
||||||
}
|
}
|
||||||
.openerp2 .oe_left {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.openerp2 .oe_right {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
.openerp2 .oe_clear {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.openerp2 .oe_form {
|
.openerp2 .oe_form {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
margin: 5%;
|
margin: 5%;
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
|
|
||||||
// Variables {{{
|
// Variables {{{
|
||||||
$colour4: #8a89ba
|
$colour4: #8a89ba
|
||||||
//$colour4: #d14836
|
//$colour4: #d14836
|
||||||
// }}}
|
// }}}
|
||||||
|
|
||||||
// Mixins {{{
|
// Mixins {{{
|
||||||
@mixin vertical-gradient($startColor: #555, $endColor: #333)
|
@mixin vertical-gradient($startColor: #555, $endColor: #333)
|
||||||
background-color: $startColor
|
background-color: $startColor
|
||||||
|
@ -61,21 +61,14 @@ $colour4: #8a89ba
|
||||||
a
|
a
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
// }}}
|
// }}}
|
||||||
|
// Generic classes {{{
|
||||||
// WebClient {{{
|
.oe_left
|
||||||
.oe_webclient
|
float: left
|
||||||
.oe_application
|
.oe_right
|
||||||
position: absolute
|
float: right
|
||||||
top: 33px
|
.oe_clear
|
||||||
bottom: 0
|
clear: both
|
||||||
left: 222px
|
|
||||||
right: 0
|
|
||||||
a
|
|
||||||
color: $colour4
|
|
||||||
&:hover
|
|
||||||
text-decoration: underline
|
|
||||||
// }}}
|
// }}}
|
||||||
|
|
||||||
// Fullscreen mode {{{
|
// Fullscreen mode {{{
|
||||||
.oe_content_full_screen
|
.oe_content_full_screen
|
||||||
.oe_application
|
.oe_application
|
||||||
|
@ -84,7 +77,11 @@ $colour4: #8a89ba
|
||||||
.topbar, .leftbar
|
.topbar, .leftbar
|
||||||
display: none
|
display: none
|
||||||
// }}}
|
// }}}
|
||||||
|
// Webclient {{{
|
||||||
|
.oe_webclient
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
// }}}
|
||||||
// Topbar {{{
|
// Topbar {{{
|
||||||
.oe_topbar
|
.oe_topbar
|
||||||
width: 100%
|
width: 100%
|
||||||
|
@ -128,20 +125,17 @@ $colour4: #8a89ba
|
||||||
.oe_topbar_avatar
|
.oe_topbar_avatar
|
||||||
vertical-align: top
|
vertical-align: top
|
||||||
// }}}
|
// }}}
|
||||||
|
// Main {{{
|
||||||
// Leftbar {{{
|
.oe_main
|
||||||
.oe_leftbarbg
|
width: 100%
|
||||||
position: fixed
|
|
||||||
width: 220px
|
|
||||||
top: 0
|
|
||||||
left: 0
|
|
||||||
height: 100%
|
height: 100%
|
||||||
|
border-spacing: 0px
|
||||||
|
// }}}
|
||||||
|
// Leftbar {{{
|
||||||
|
.oe_leftbar
|
||||||
|
width: 221px
|
||||||
background: #f0eeee
|
background: #f0eeee
|
||||||
border-right: 1px solid #afafb6
|
border-right: 1px solid #afafb6
|
||||||
z-index: -1
|
|
||||||
.oe_leftbar
|
|
||||||
float: left
|
|
||||||
width: 221px
|
|
||||||
text-shadow: 0 1px 1px white
|
text-shadow: 0 1px 1px white
|
||||||
a.oe_logo
|
a.oe_logo
|
||||||
display: block
|
display: block
|
||||||
|
@ -168,7 +162,13 @@ $colour4: #8a89ba
|
||||||
color: #c81010
|
color: #c81010
|
||||||
font-style: italic
|
font-style: italic
|
||||||
// }}}
|
// }}}
|
||||||
|
// Application {{{
|
||||||
|
.oe_application
|
||||||
|
a
|
||||||
|
color: $colour4
|
||||||
|
&:hover
|
||||||
|
text-decoration: underline
|
||||||
|
// }}}
|
||||||
// Menu {{{
|
// Menu {{{
|
||||||
.oe_menu
|
.oe_menu
|
||||||
float: left
|
float: left
|
||||||
|
@ -259,7 +259,6 @@ $colour4: #8a89ba
|
||||||
border-right: 4px solid transparent
|
border-right: 4px solid transparent
|
||||||
border-top: 4px solid #4c4c4c
|
border-top: 4px solid #4c4c4c
|
||||||
// }}}
|
// }}}
|
||||||
|
|
||||||
// UserMenu {{{
|
// UserMenu {{{
|
||||||
.oe_user_menu
|
.oe_user_menu
|
||||||
float: right
|
float: right
|
||||||
|
@ -321,15 +320,6 @@ $colour4: #8a89ba
|
||||||
@include vertical-gradient(#292929, #191919)
|
@include vertical-gradient(#292929, #191919)
|
||||||
@include box-shadow(none)
|
@include box-shadow(none)
|
||||||
// }}}
|
// }}}
|
||||||
|
|
||||||
// Generic classes {{{
|
|
||||||
.oe_left
|
|
||||||
float: left
|
|
||||||
.oe_right
|
|
||||||
float: right
|
|
||||||
.oe_clear
|
|
||||||
clear: both
|
|
||||||
// }}}
|
|
||||||
// FormView Layout {{{
|
// FormView Layout {{{
|
||||||
.oe_form
|
.oe_form
|
||||||
border: 1px solid black
|
border: 1px solid black
|
||||||
|
@ -361,7 +351,6 @@ $colour4: #8a89ba
|
||||||
.oe_form_label_help[for], .oe_form_label[for]
|
.oe_form_label_help[for], .oe_form_label[for]
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
// }}}
|
// }}}
|
||||||
|
|
||||||
// Transitional overrides for old styles {{{
|
// Transitional overrides for old styles {{{
|
||||||
.openerp
|
.openerp
|
||||||
.oe_form_field_many2one
|
.oe_form_field_many2one
|
||||||
|
|
|
@ -24,19 +24,19 @@
|
||||||
<div class="oe_user_menu_placeholder"/>
|
<div class="oe_user_menu_placeholder"/>
|
||||||
<div class="oe_systray"/>
|
<div class="oe_systray"/>
|
||||||
</div>
|
</div>
|
||||||
|
<table class="oe_main">
|
||||||
<div class="oe_main">
|
<tr>
|
||||||
<div class="oe_leftbarbg"/>
|
<td class="oe_leftbar" valign="top">
|
||||||
<div class="oe_leftbar">
|
<a href="#" class="oe_logo"><img t-att-src='_s + "/web/static/src/img/logo.png"'/></a>
|
||||||
<a href="#" class="oe_logo"><img t-att-src='_s + "/web/static/src/img/logo.png"'/></a>
|
<div class="oe_secondary_menus_container"/>
|
||||||
<div class="oe_secondary_menus_container"/>
|
<div class="oe_footer">
|
||||||
<div class="oe_footer">
|
Powered by <a href="http://www.openerp.com"><span>Open</span>ERP</a>
|
||||||
Powered by <a href="http://www.openerp.com"><span>Open</span>ERP</a>
|
</div>
|
||||||
</div>
|
</td>
|
||||||
</div>
|
<td class="oe_application">
|
||||||
<div class="oe_application"/>
|
</td>
|
||||||
</div>
|
</tr>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</t>
|
</t>
|
||||||
<t t-name="Loading">
|
<t t-name="Loading">
|
||||||
|
|
Loading…
Reference in New Issue