[REF] base: set new apps list design

2 files changed, 69 insertions, 11 deletions

diff --git a/odoo/addons/base/module/module_view.xml b/odoo/addons/base/module/module_view.xml
index 77c6f0b13a6..85d813bb7e6 100644
--- a/odoo/addons/base/module/module_view.xml
+++ b/odoo/addons/base/module/module_view.xml
@@ -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>
diff --git a/odoo/addons/base/static/src/css/modules.css b/odoo/addons/base/static/src/css/modules.css
index b7da1337d12..110daf9eb71 100644
--- a/odoo/addons/base/static/src/css/modules.css
+++ b/odoo/addons/base/static/src/css/modules.css
@@ -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 > span  {
+    color: #999999;
+    height: 36px;
+    line-height: 1.2;
+    display: inline-block;
+}
+
+.oe_module_desc p {
+    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 {
-    color: #999999;
+    margin-top: 8px;
+    font-size: small;
 }
 
-.oe_module_desc p {
-    margin: 3px 0 5px;
+
+.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;
+}*/