@import "../plugins/theme-variables.scss"; @import "~element-ui/packages/theme-chalk/src/mixins/mixins"; @import "~element-ui/packages/theme-chalk/src/cascader"; .el-cascader-menu .el-scrollbar__wrap { overflow-x: hidden; margin-bottom: 0 !important; } /* ---- jellies overrides (migrated from SFC; ships in theme/X.css) ---- */ /* Un-scoped (dropdown is teleported to ) + self-contained, so cascader centring holds even when Checkbox.vue isn't imported. */ .el-cascader-menu .el-checkbox { display: inline-flex; align-items: center; height: 100%; } .el-cascader-menu .el-checkbox__inner { display: block; border-radius: 5px; /* rounded square, not the theme's near-circular 10px */ } /* keep the focus border on a selected box blue (not the theme's grey frame) */ .el-cascader-menu .el-checkbox__input.is-focus.is-checked .el-checkbox__inner, .el-cascader-menu .el-checkbox__input.is-focus.is-indeterminate .el-checkbox__inner { border-color: #399af4; } .el-cascader-menu .el-checkbox__inner::after { left: 50%; top: 50%; margin: 0; transform: translate(-50%, -50%) rotate(45deg) scaleY(0); } .el-cascader-menu .el-checkbox__input.is-checked .el-checkbox__inner::after { transform: translate(-50%, -50%) rotate(45deg) scaleY(1); } .el-cascader-menu .el-checkbox__inner::before { top: 50%; margin-top: -1px; }