自定义 css 到 odoo 树视图按钮

Question

.o_list_view1 {
   tbody> tr> td {               
     .button-scrape {
        text-decoration: none;
        color: white;
        background: #7c7bad;
        padding: 10px 30px;
        border-radius: 4px;
        font-weight: normal;
        text-transform: uppercase;
        transition: all 0.2s ease-in-out;
      }

      .glow-button:hover {
        color: white;
        box-shadow: 0 5px 15px black;
      }
    }
 }

它是一个 less 文件，如果我尝试编写一个普通的 css 文件并尝试在树视图中加载 class 它不会加载

<button string="LINK" **class="o_list_view1 button-scrape glow-button"** icon="fa-external-link" name="openURL" type="object" />

Answer 1

odoo one2many 字段将不会响应添加的 css。因为 odoo 将为 one2many 或树视图加载自己的 css。我们需要覆盖自定义 css 文件中的基础 css class 以便更改或更新它。

这里是更新列表按钮和笔记本的示例css。

.o_list_button:hover {
    color: black;
    box-shadow: 0 5px 15px black;

}


.nav-tabs:hover{
     color: black;
     box-shadow: 0 5px 15px black;


}

自定义 css 到 odoo 树视图按钮

Custom css to odoo tree view button

css

treeview

odoo-10