extjs7classic material主题 横向工具栏不显示分隔符问题解决
小编:管理员 498阅读 2022.09.06
版本
7.4.0 classic
现象使用material主题时横向工具栏的分隔符无法显示,如图。 官方样例
表格分页工具栏
希望效果分析查看样式发现横向工具栏的分隔符border-style为none
纵向工具栏分隔符border-style为solid none
源码material主题依赖于neutral主题
- ext-classic-theme-neutral/sass/var/toolbar/Toolbar.scss
// 此处样式值是正确的 $toolbar-separator-horizontal-border-style: dynamic(solid); @mixin extjs-toolbar-ui( ... $separator-horizontal-border-style: $toolbar-separator-horizontal-border-style, ... ){ ... .#{$prefix}toolbar-separator-horizontal { margin: $separator-horizontal-margin; height: $separator-horizontal-height; border-style: $separator-horizontal-border-style; border-width: $separator-horizontal-border-width; border-left-color: $separator-color; border-right-color: $separator-highlight-color; } ... }复制
- ext-classic-theme-material/sass/var/toolbar/Toolbar.scss
// 此处修改了横向工具栏的分隔符样式 $toolbar-separator-horizontal-border-style: dynamic(none);复制解决
项目中添加SCSS变量
$toolbar-separator-horizontal-border-style: dynamic(solid);复制
相关推荐
- ExtJs七(ExtJs Mvc创建ViewPort) 前言在4.1的时候,要先创建一个扩展于Ext.app.Application的类,然后用create创建它的实例来开始应用程序的。而在4.1.1,则可直接调用application方法开始执行应用程序,简化了。调用application方法,其参数是一个配置对象,主要配置项有以下三个:name:用来…
- 3DMAX提示和技巧 本主题标识使用 Civil View 的一些重要提示和技巧。常规使用屏幕分辨率至少为 1280x1024 的 Civil View。低于此分辨率时,一些面板将占用过多屏幕空间。 将视口设置为线框显示以达到最佳性能。 要尽可能简化用户界面,请在单个视口中工作并关闭 3ds Max 命令面…