odoo视图sheet宽度调整

odoo默认form表单中，sheet标签默认的宽度太小，页面利用率不高。需要通过调整css文件或scss文件，将sheet标签宽度调大。这篇博客调整基于odoo13和odoo14，其他版本可能略有不同。

1. 先看东西

修改前

修改后

2. 代码部分

2.1 在模块static文件下创建style.scss文件

// Forms

.o_form_view {
	.o_form_sheet_bg {
		background: none !important;
		background-color: #F9F9F9 !important;
		padding: 0px;
		.o_form_sheet {
			border: 1px solid #d9d7d7;
			box-shadow: 0 5px 20px -15px black;
			max-width: 95%;
		}
	}
}

2.2 创建sheet_view.xml文件，引用style.scss文件

<?xml version="1.0" encoding="utf-8"?>

<odoo>
	<data>
		<template id="my_assets_backend" name="My Theme" inherit_id="web.assets_backend">
			<xpath expr=".">
				<link rel="stylesheet" href="/odoo_hz_base/static/src/scss/style.scss" />
			</xpath>
		</template>
	</data>
</odoo>

2.3 在__manifest__.py文件中引用sheet_view.xml文件

...
...
{
    
    
	'data': [
		'wizard/sheet_view.xml',
	],
}
...
...

重启升级后生效

3. 其他前端样式修改

大部分的前端样式例如form、graph、kanban、list、report等都在addons/web/static/src/scss目录下，可以用类似的方法自由的调整前端的样式。