# 错误与冲突收集
样式冲突:
![](https://box.kancloud.cn/a63245f8c8d8e2926919e581d8053493_1366x736.png)
造成这个的原因是:
![](https://box.kancloud.cn/f8fb59513c635a4b32c486ba9f7d2b31_293x58.png)
#sidebar这个样式冲突了。追踪来源:
~~~
// Horizon
@import "/dashboard/scss/horizon.scss";
~~~
在horizon\openstack_dashboard\static\dashboard\scss\horizon.scss这个文件里:
~~~
......
// Main Page Layout
@import "layout";
.......
@import "components/sidebar";
......
~~~
分别指的是:horizon\openstack_dashboard\static\dashboard\scss\_layout.scss 和 horizon\openstack_dashboard\static\dashboard\scss\components\_sidebar.scss。这两个文件中都存在 #sidebar 这个样式。
**从上面的冲突可见,horizon.scss 这个文件我们也不能放个它,里面的东西该删就删。但删除了会影响其它的主题,这里我们应该怎样处理?**
研究了半天,难道只能改这个文件???
**直接注释掉这行代码:
//width: $sidebar-width;**
### 2
![](https://box.kancloud.cn/dbaee5e0db85d0735ed55eb89db7a960_1357x280.png)
解决办法:X:\horizon\openstack_dashboard\static\dashboard\scss\_layout.scss里注释这行代码:
/*html,
body:not(#splash) {
height: 100%;
}*/
- 1.概述
- 2.CSS样式引入
- 2.1 My Themes
- 2.2 Horizon
- 2.3 Angular
- 2.4 HORIZON_CONFIG.scss_files
- 2.5 Custom Styles
- 3. JS文件引入
- 31. iframe_embed_settings 标签
- 3.2 horizon/_conf.html
- 3.3 _script_loader.html
- 3.4 _custom_head_js.html
- 3.5 horizon/_scripts.html
- 4. 主题替换
- 4.1 ACE主题
- 4.2 引入ACE主题的CSS样式
- 4.3 引入ACE主题的JS文件
- 4.4 收集和压缩
- 4.5 总结
- 4.6 错误与冲突收集
- 5.错误修正
- 6.openstack里所有功能浏览
- 7.前端hightchart.js分析
- 8.命令使用