odoo
/
odoo
2
0
Fork 0
Code Pull Requests Releases Activity

[IMP] Improve styling 

bzr revid: fme@openerp.com-20111219161220-197hsgl6m1uklls2
This commit is contained in:
Fabien Meghazi 2011-12-19 17:12:20 +01:00
parent 420de50e73 d538c50e68
commit 95a3f10905
16 changed files with 278 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

259
addons/web/static/src/css/base.css
View File

@ -17,6 +17,10 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio
padding: 0 8px 8px 8px;
}
.openerp .oe_form_frame_cell .view-manager-main-content {
padding: 0;
}
.oe_box {
border: 1px solid #aaf;
padding: 2px;
@ -545,6 +549,7 @@ label.error {
color: #666666;
}
/* Main Application */
.openerp .oe-main-content,
.openerp .oe-application {
@ -559,6 +564,10 @@ label.error {
color: #252424;
text-shadow: white 0 1px 0;
}
.openerp div[id^="notebook"] .oe_view_title {
font-size:85%;
padding-bottom:4px;
}
/* View Manager */
.openerp .oe_vm_switch {
@ -566,6 +575,7 @@ label.error {
}
.openerp .oe-view-manager-header .oe_view_title {
font-size:150%;
padding:2px 0 0 0;
}
/* SearchView */
@ -669,7 +679,6 @@ label.error {
color: #7D7979;
font-weight: bold;
padding: 2px 0 2px 10px;
margin-top: 4px;
text-decoration: none;
}
.openerp .searchview_group_string:hover {
@ -686,6 +695,7 @@ label.error {
}
.openerp .searchview_group.expanded .searchview_group_content {
display: block;
padding-bottom:3px;
}
.openerp .searchview_group_content .oe_label, .openerp .searchview_group_content .oe_label_help {
@ -722,11 +732,16 @@ label.error {
}
.openerp .oe_search-view-buttons {
padding: 10px 0 10px 0;
padding: 2px 0 10px 0;
vertical-align:middle;
}
.openerp .oe_search-view-filters-management {
float: right;
}
.openerp .oe_search-view-filters-management, .openerp .oe_search-view-custom-filter-btn {
float:right;
}
.openerp .searchview_extended_add_proposition span {
font-size: 0.9em;
background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
@ -829,6 +844,11 @@ label.error {
border-bottom: 1px solid #E3E3E3;
}
.openerp .oe-listview td.oe-actions {
border-bottom:none;
}
.openerp .oe-listview .oe-record-selector, .openerp .oe-listview .oe-record-edit-link {
border-bottom: 1px solid #E3E3E3;
}
@ -878,6 +898,16 @@ label.error {
color: #555;
}
.openerp .oe-list-pager > *, .openerp .oe_form_pager *, .openerp .oe_pager_separator {
line-height:17px;
width:12px;
height:17px;
cursor: pointer;
color:gray;
font-weight:bold;
vertical-align:middle;
border:0;
}
.openerp .oe-listview .oe-group-name {
padding-right: 1em;
}
@ -1085,7 +1115,7 @@ label.error {
}
.openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
margin: 4px 0 0 3px;
margin: 3px 0 0 3px;
white-space: nowrap;
}
.openerp .oe_forms .searchview_group_content label.oe_label, .openerp .searchview_group_content .oe_forms label.oe_label_help { /* making a distinction between labels in search view and other labels */
@ -1124,21 +1154,35 @@ label.error {
.openerp .oe_form_readonly {
}
.openerp .oe_form_readonly .field_char, .openerp .oe_form_readonly .oe_form_field_email {
padding-top: 4px;
.openerp .oe_form_readonly .oe_form_frame_cell .field_text, .openerp .oe_form_readonly .field_char, .openerp .oe_form_readonly .field_int, .openerp .oe_form_readonly .field_float, .openerp .oe_form_readonly .field_email, .openerp .oe_form_readonly .field_date, .openerp .oe_form_readonly .field_selection, .openerp .oe_forms_readonly .oe_form_field_many2one{
padding: 3px 2px 2px 2px;
background-color: white;
height:17px;
}
.openerp .oe_form_readonly .field_datetime {
padding: 1px 2px 2px 2px;
background-color: white;
height:19px;
}
.openerp .oe_form_readonly .oe_form_field_many2one div {
background-color:white;
height:18px;
margin-bottom:1px;
padding: 0px 2px 5px 2px;
}
.openerp .oe_form_readonly .field_selection {
padding-top: 2px;
.openerp .oe_form_readonly .oe_form_field_email div {
background-color: white;
padding: 1px 2px 3px 2px;
}
.openerp .oe_form_readonly .oe_form_field_text div.field_text {
white-space: pre-wrap;
}
.openerp .oe_form_readonly .oe_form_frame_cell .field_text {
min-height:100px;
}
/* Inputs */
.openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms textarea {
-moz-box-sizing: border-box;
@ -1155,6 +1199,34 @@ label.error {
min-width: 90px;
color: #1f1f1f;
}
.openerp input[type="text"].field_email, .openerp input[type="text"].field_url {
border-right:none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.openerp .mail_button, .openerp .url_button {
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-right:-1px;
}
.openerp .mail_button img, .openerp .url_button img {
vertical-align:top;
}
/* vertically recentering filter management select tag */
.openerp select.oe_search-view-filters-management {
margin-top:2px;
}
.openerp .oe_forms select{
padding-top: 2px;
}
@ -1169,6 +1241,7 @@ label.error {
.openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .oe_button {
height: 22px;
}
.openerp .oe_forms input.field_datetime {
min-width: 11em;
}
@ -1311,10 +1384,17 @@ label.error {
.openerp .oe-view-manager-header {
overflow: auto;
background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
margin:6px 0 6px 2px;
}
.openerp .oe_form_frame_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
background: none;
}
.openerp .oe-view-manager-header h2 {
float: left;
}
.openerp .oe_view_manager_menu_tips blockquote {
display: none;
font-size: 85%;
@ -1328,9 +1408,12 @@ label.error {
margin: 0;
padding: 6px 1px 4px;
}
.openerp .oe_view_manager_menu_tips blockquote div {
text-align: right;
margin-right:10px;
}
.openerp .oe_view_manager_menu_tips blockquote div button {
border: none;
background: none;
@ -1512,6 +1595,10 @@ label.error {
background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
}
.openerp .oe_sidebar_print ul {
padding-left:8px;
}
.openerp.kitten-mode-activated .main_table {
background: url(http://placekitten.com/g/1500/800) repeat;
}
@ -1566,12 +1653,20 @@ label.error {
}
.openerp .oe-m2o {
padding-right: 20px;
padding-right: 22px;
white-space: nowrap;
height:22px;
}
.openerp .oe_forms .oe-m2o input[type="text"] {
padding-right: 20px;
padding-top: 2px;
-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-m2o-drop-down-button {
margin-left: -23px;
@ -1581,6 +1676,37 @@ label.error {
margin-bottom: -4px;
cursor: pointer;
}
.openerp .oe-m2o input {
border-right: none;
margin-right: 0px !important;
padding-bottom: 2px !important;
}
.openerp .oe-m2o-cm-button, .openerp .oe-m2o-cm-button:active, .openerp .oe-m2o-cm-button:hover {
border: 1px solid #999;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color:#eee;
background: url("/web/static/src/img/icons/STOCK_JUMP_TO.png") no-repeat scroll center center, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
background: url("/web/static/src/img/icons/STOCK_JUMP_TO.png") no-repeat scroll center center, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
background: url("/web/static/src/img/icons/STOCK_JUMP_TO.png") no-repeat scroll center center, -moz-linear-gradient(#f6f6f6, #e3e3e3);
background: url("/web/static/src/img/icons/STOCK_JUMP_TO.png") no-repeat scroll center center, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
background: url("/web/static/src/img/icons/STOCK_JUMP_TO.png") no-repeat scroll center center, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
vertical-align:top;
margin:0;
padding:0 0 2px 0;
width: 22px;
height: 22px;
}
.openerp .oe-m2o-disabled-cm {
color: grey;
}
@ -1717,6 +1843,22 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
border-color: rgba(0,0,0,0);
border-left-color: #B5B9FF;
}
.openerp ul.oe-arrow-list li:first-child span:first-child{
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.openerp ul.oe-arrow-list li:last-child span:last-child{
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.openerp .oe_view_editor {
border-collapse: collapse;
padding: 0;
@ -1745,6 +1887,103 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
display: block;
}
.openerp .oe_vm_switch {
margin:2px 0 0 0;
}
.openerp .oe_vm_switch button {
background: url("/web/static/src/img/views-icons-a.png") repeat-x scroll left top transparent;
overflow: hidden;
width: 22px;
height: 21px;
border: none;
}
.openerp .oe_vm_switch button {
background-position:0px 0px;
}
.openerp .oe_vm_switch button[data-view-type="list"] {
background-position:0px 0px;
}
.openerp .oe_vm_switch button[data-view-type="list"]:active,
.openerp .oe_vm_switch button[data-view-type="list"]:hover,
.openerp .oe_vm_switch button[data-view-type="list"]:focus,
.openerp .oe_vm_switch button[data-view-type="list"][disabled="disabled"] {
background-position:0px -21px;
}
.openerp .oe_vm_switch button[data-view-type="form"] {
background-position:-22px 0px;
}
.openerp .oe_vm_switch button[data-view-type="form"]:active,
.openerp .oe_vm_switch button[data-view-type="form"]:hover,
.openerp .oe_vm_switch button[data-view-type="form"]:focus,
.openerp .oe_vm_switch button[data-view-type="form"][disabled="disabled"] {
background-position:-22px -21px;
}
.openerp .oe_vm_switch button[data-view-type="graph"] {
background-position:-44px 0px;
}
.openerp .oe_vm_switch button[data-view-type="graph"]:active,
.openerp .oe_vm_switch button[data-view-type="graph"]:hover,
.openerp .oe_vm_switch button[data-view-type="graph"]:focus,
.openerp .oe_vm_switch button[data-view-type="graph"][disabled="disabled"] {
background-position:-44px -21px;
}
.openerp .oe_vm_switch button[data-view-type="gantt"] {
background-position:-66px 0px;
}
.openerp .oe_vm_switch button[data-view-type="gantt"]:active,
.openerp .oe_vm_switch button[data-view-type="gantt"]:hover,
.openerp .oe_vm_switch button[data-view-type="gantt"]:focus,
.openerp .oe_vm_switch button[data-view-type="gantt"][disabled="disabled"] {
background-position:-66px -21px;
}
.openerp .oe_vm_switch button[data-view-type="calendar"] {
background-position:-88px 0px;
}
.openerp .oe_vm_switch button[data-view-type="calendar"]:active,
.openerp .oe_vm_switch button[data-view-type="calendar"]:hover,
.openerp .oe_vm_switch button[data-view-type="calendar"]:focus,
.openerp .oe_vm_switch button[data-view-type="calendar"][disabled="disabled"]{
background-position:-88px -21px;
}
.openerp .oe_vm_switch button[data-view-type="kanban"] {
background-position:-110px 0px;
}
.openerp .oe_vm_switch button[data-view-type="kanban"]:active,
.openerp .oe_vm_switch button[data-view-type="kanban"]:hover,
.openerp .oe_vm_switch button[data-view-type="kanban"]:focus,
.openerp .oe_vm_switch button[data-view-type="kanban"][disabled="disabled"] {
background-position:-110px -21px;
}
.openerp .oe_vm_switch button[data-view-type="diagram"] {
background-position:0px 0px;
}
.openerp .oe_vm_switch button[data-view-type="diagram"]:active,
.openerp .oe_vm_switch button[data-view-type="diagram"]:hover,
.openerp .oe_vm_switch button[data-view-type="diagram"]:focus,
.openerp .oe_vm_switch button[data-view-type="diagram"][disabled="disabled"] {
background-position:0px -21px;
}
.openerp .oe-list-pager button[disabled="disabled"], .openerp .oe_form_pager button[disabled="disabled"] {
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
.openerp .oe-list-pager button[data-pager-action="first"], .openerp .oe_form_pager button[data-pager-action="first"] {
background: url("/web/static/src/img/pager_first.png") no-repeat scroll center center transparent;
}
.openerp .oe-list-pager button[data-pager-action="previous"], .openerp .oe_form_pager button[data-pager-action="previous"] {
background: url("/web/static/src/img/pager_left.png") no-repeat scroll center center transparent;
}
.openerp .oe-list-pager button[data-pager-action="next"], .openerp .oe_form_pager button[data-pager-action="next"] {
background: url("/web/static/src/img/pager_right.png") no-repeat scroll center center transparent;
}
.openerp .oe-list-pager button[data-pager-action="last"], .openerp .oe_form_pager button[data-pager-action="last"] {
background: url("/web/static/src/img/pager_last.png") no-repeat scroll center center transparent;
}
/* Buttons */
.openerp a.button:link,
.openerp a.button:visited,

BIN
addons/web/static/src/img/iconset-a-help.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 379 B

BIN
addons/web/static/src/img/iconset-a-help.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 498 B

BIN
addons/web/static/src/img/pager_first.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 349 B

BIN
addons/web/static/src/img/pager_first_inactive.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 270 B

BIN
addons/web/static/src/img/pager_last.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 345 B

BIN
addons/web/static/src/img/pager_last_inactive.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 255 B

BIN
addons/web/static/src/img/pager_left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 309 B

BIN
addons/web/static/src/img/pager_left_inactive.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 192 B

BIN
addons/web/static/src/img/pager_right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 301 B

BIN
addons/web/static/src/img/pager_right_inactive.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 B

BIN
addons/web/static/src/img/sep-a.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 B

BIN
addons/web/static/src/img/views-icons-a.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

34
addons/web/static/src/xml/base.xml
View File

@ -423,8 +423,9 @@
</h2>
<div class="oe_vm_switch">
<t t-if="views.length != 1" t-foreach="views" t-as="view">
<button type="button" t-att-data-view-type="view.view_type">
<t t-esc="view.label || view.view_type"/>
<button type="button" t-att-data-view-type="view.view_type" t-att-title="view.view_type">
</button>
</t>
</div>
@ -639,17 +640,17 @@
<th t-name="Listview.navigation.button" t-if="!no_leaf and options.pager !== false"
class="oe-list-pager" t-att-colspan="columns_count">
<button type="button" disabled="disabled"
data-pager-action="first">First</button>
data-pager-action="first"></button>
<button type="button" disabled="disabled"
data-pager-action="previous">&lt;</button>
data-pager-action="previous"></button>
<span class="oe-pager-state">
</span>
<button type="button" disabled="disabled"
data-pager-action="next">&gt;</button>
data-pager-action="next"></button>
<button type="button" disabled="disabled"
data-pager-action="last">Last</button>
data-pager-action="last"></button>
</th>
<t t-name="ListView.rows" t-foreach="records.length" t-as="index">
<t t-call="ListView.row">
@ -695,13 +696,13 @@
<button type="button" class="oe_form_button_cancel">Cancel</button>
</div>
<div class="oe_form_pager" t-if="widget.options.pager !== false">
<button type="button" data-pager-action="first">First</button>
<button type="button" data-pager-action="previous">&lt;&lt;</button>
<button type="button" data-pager-action="first"></button>
<button type="button" data-pager-action="previous"></button>
<span class="oe_pager_index">0</span> / <span class="oe_pager_count">0</span>
<span class="oe_pager_index">0</span><span class="oe_pager_separator"> / </span><span class="oe_pager_count">0</span>
<button type="button" data-pager-action="next">&gt;&gt;</button>
<button type="button" data-pager-action="last">Last</button>
<button type="button" data-pager-action="next"></button>
<button type="button" data-pager-action="last"></button>
</div>
</div>
<t t-raw="frame.render()"/>
@ -904,7 +905,9 @@
</div>
</t>
<t t-name="FieldURI.readonly">
<a href="#" class="oe_form_uri">#</a>
<div>
<a href="#" class="oe_form_uri">#</a>
</div>
</t>
<t t-name="FieldEmail">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
@ -913,7 +916,7 @@
<t t-call="FieldChar"/>
</td>
<td width="16">
<button type="button" class="button" title="Send an e-mail with your default e-mail client">
<button type="button" class="button mail_button" title="Send an e-mail with your default e-mail client">
<img t-att-src='_s + "/web/static/src/img/icons/terp-mail-message-new.png"'/>
</button>
</td>
@ -927,7 +930,7 @@
<t t-call="FieldChar"/>
</td>
<td width="16">
<button type="button" class="button" title="Open this resource">
<button type="button" class="button url_button" title="Open this resource">
<img t-att-src='_s + "/web/static/src/img/icons/gtk-ok.png"'/>
</button>
</td>
@ -969,8 +972,7 @@
t-att-id="widget.element_id"/>
<span class="oe-m2o-drop-down-button">
<img t-att-src='_s + "/web/static/src/img/down-arrow.png"' /></span>
<span class="oe-m2o-cm-button" t-att-id="widget.name + '_open'">
<img t-att-src='_s + "/web/static/src/img/icons/gtk-index.png"'/></span>
<button class="oe-m2o-cm-button" t-att-id="widget.name + '_open'"></button>
<div t-att-id="widget.cm_id" class="contextMenu" style="display:none">
</div>
</div>

13
addons/web_calendar/static/src/css/web_calendar.css
View File

@ -23,7 +23,12 @@
}
.openerp .dhx_cal_navline{
height:20px; position:absolute;z-index:3;width:750px;color:#2F3A48;
height:20px;
position:absolute;
z-index:3;
width:750px;
color:#2F3A48;
background-color:#eee;
}
.openerp .dhx_cal_navline div{
top:2px;
@ -197,7 +202,7 @@
line-height:17px;
text-decoration:none;
cursor:default;
border:1px dotted #8894A3;
/*border:1px dotted #8894A3;*/
border-bottom:0px;
background-color:white /*#F4F4F4;*/
}
@ -215,9 +220,9 @@
font-size:0.8em;
font-weight:bold;
color:#3F3F3F;
border-bottom:1px dotted #8894A3;
/*border-bottom:1px dotted #8894A3;
border-top:1px dotted #8894A3;
/*border-right:1px dotted #8894A3;z-index:2;*/
border-right:1px dotted #8894A3;z-index:2;*/
overflow:hidden;
background-color: white; /*#F4F4F4;*/
text-shadow: 0 1px 0 white;

4
addons/web_process/static/src/css/process.css
View File

@ -52,12 +52,12 @@ a.cta-a strong {
.oe-process-view {
height: 20px;
margin-top:4px;
margin-top:8px;
padding: 0;
width: 24px;
cursor: pointer;
display: block;
background: url(/web/static/src/img/icons/gtk-help.png) no-repeat center center;
background: url(/web/static/src/img/iconset-a-help.png) no-repeat center center;
float: left;
}