[REF] base: set new apps list design

This commit is contained in:
stefanorigano
2017-08-28 12:53:17 +02:00
committed by qsm-odoo
parent 8f315b1838
commit 7c2a00d6e8
2 changed files with 70 additions and 12 deletions
+7 -5
View File
@@ -158,14 +158,16 @@
<div class="oe_module_vignette oe_kanban_global_click">
<t t-set="installed" t-value="record.state.raw_value == 'installed'"/>
<img t-attf-src="#{record.icon.value}" class="oe_module_icon"/>
<div class="oe_module_desc">
<h4><field name="shortdesc"/></h4>
<div class="oe_module_desc" t-att-title="record.shortdesc.value">
<h4 class="o_kanban_record_title"><field name="shortdesc"/></h4>
<p class="oe_module_name">
<t t-if="record.summary.raw_value"><field name="summary"/><br/></t>
<i><field name="name" groups="base.group_no_one"/></i>
</p>
<button type="object" class="btn btn-primary pull-right btn-sm" name="button_immediate_install" states="uninstalled">Install</button>
<button type="button" t-if="installed" class="btn btn-default pull-right btn-sm disabled" disabled="disabled">Installed</button>
<div class="oe_module_action">
<code groups="base.group_no_one"><small><field name="name"/></small></code>
<button type="object" class="btn btn-primary pull-right btn-sm" name="button_immediate_install" states="uninstalled">Install</button>
<span t-if="installed" class="pull-right text-muted text-success">Installed</span>
</div>
</div>
</div>
</t>
+63 -7
View File
@@ -13,7 +13,7 @@
padding-left: 85px;
}
.oe_module_desc > button {
.oe_module_action .pull-right {
position: absolute;
bottom: 8px;
right: 8px;
@@ -22,16 +22,72 @@
.oe_module_desc h4 {
margin: 0;
font-size: 13px;
display: block;
}
.oe_module_desc h4 a {
color: #4c4c4c;
}
.oe_module_name {
.oe_module_name > span {
color: #999999;
height: 36px;
line-height: 1.2;
display: inline-block;
}
.oe_module_desc p {
margin: 3px 0 5px;
margin: 3px 0 3px;
}
.oe_module_desc > h4 {
margin-right: 20px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.oe_module_desc {
min-width: 0;
}
/*.oe_module_icon {
width: 45px;
height: 45px;
float: left;
}
.oe_module_desc > h4, .oe_module_desc > .oe_module_name {
margin-right: 20px;
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.oe_module_desc > h4 {
margin-top: 0;
}
.oe_module_desc {
min-width: 0;
}
.oe_module_name {
margin-top: 8px;
font-size: small;
}
.oe_module_icon + .oe_module_desc {
margin-left: 10px;
}
.oe_module_action {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #F9F9F9;
position: relative;
}*/